Color picker

#1f2745

Conversion

HEX#1f2745
HEX8#1f2745ff
RGBrgb(31, 39, 69)
CMYK[0.55,0.43,0,0.73]
Name#1f2745
HCL[287.91,21,16.36]
oklab[0.28,0,-0.06]
Num2041669
HSI[228.48,0.33,0.18]
lab[16.36,6.46,-19.98]
Lighten
#3f4f8b
Darken
#000000
Saturate
#15214f
Desaturate
#292d3b
Greyscale
#323232
Brighten
#525a78

Color harmonies of #1f2745

Color harmonies are pleasing color schemes created according to their position on a color wheel. Learn more

Triad

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#1f2745
#451f27
#27451f

Tetrad

Tetradic color schemes are made form two couples of complementary colors in a rectangular shape on the color wheel. They are very versatile, and work best with one dominant color.
#1f2745
#451f3a
#453d1f
#1f452a

Monochromatic

The monochromatic colors are those that have the same dye, but differ in hue, value and saturation. For example, paint samples have several different values ​​of the same color. Using two or more monochromatic colors will achieve an elegant and pleasant effect.
#1f2745
#323f6f
#45579a
#586fc4
#6b87ef
#0c0f1a

Analogous

Analogous color schemes are made by picking three colors that are next to each other on the color wheel. They are perceived as calm and serene.
#1f2745
#1f3645
#1f2f45
#1f2745
#1f1f45
#261f45

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#1f2745
#451f45
#36451f

Variations

View this color variations of shades, tints, tones, hues and temperatures.

Tints

A tint is created by adding white to a base color, increasing its lightness. Tints are likely to look pastel and less intense.
#ffffff
#eff0f2
#dfe0e4
#cfd1d7
#bfc1ca
#afb2bd
#9fa2af
#8f93a2
#7f8495
#6f7487
#5f657a
#4f556d
#3f4660
#2f3652
#1f2745

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#020305
#04060a
#07080f
#090b14
#0b0e19
#0d111e
#101423
#121627
#14192c
#161c31
#181f36
#1b213b
#1d2440
#1f2745

Contrast Checker

Verify the contrast of a #1f2745 colored text on white and black backgrounds. For additional options use Color Contrast Checker Tool.

14.64 Super When I used to read fairy tales, I fancied that kind of thing never happened, and now here I am in the middle of one!
1.434 Very Poor When I used to read fairy tales, I fancied that kind of thing never happened, and now here I am in the middle of one!

Color Palettes #1f2745

Some examples of color palettes with #1f2745. View more

Use #1f2745 in CSS

#1f2745 as Background Color in CSS
<div style="background-color:#1f2745">Background Color</div>
#1f2745 as Text Color in CSS
<div style="color:#1f2745">Text Color</div>
#1f2745 as Border Color in CSS
<div style="border-color:#1f2745">Border Color</div>
My Collection
Palettes

No palettes yet

Colors

No colors yet

Gradients

No gradients yet