Color picker

#2f3c45

Conversion

HEX#2f3c45
HEX8#2f3c45ff
RGBrgb(47, 60, 69)
CMYK[0.32,0.13,0,0.73]
Name#2f3c45
HCL[248.88,7.79,24.53]
oklab[0.35,-0.01,-0.02]
Num3095621
HSI[204.01,0.2,0.23]
lab[24.53,-2.81,-7.27]
Lighten
#587182
Darken
#060708
Saturate
#233e51
Desaturate
#3a3a3a
Greyscale
#3a3a3a
Brighten
#626f78

Color harmonies of #2f3c45

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.
#2f3c45
#452f3c
#3c452f

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.
#2f3c45
#432f45
#45382f
#31452f

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.
#2f3c45
#4c616f
#69869a
#86abc4
#a3d0ef
#12171a

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.
#2f3c45
#2f4545
#2f4045
#2f3c45
#2f3845
#2f3345

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#2f3c45
#3c2f45
#45452f

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
#f0f1f2
#e1e3e4
#d2d5d7
#c4c7ca
#b5b9bd
#a6abaf
#979ea2
#889095
#798287
#6a747a
#5c666d
#4d5860
#3e4a52
#2f3c45

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#030405
#07090a
#0a0d0f
#0d1114
#111519
#141a1e
#181e23
#1b2227
#1e272c
#222b31
#252f36
#28333b
#2c3840
#2f3c45

Contrast Checker

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

11.332 Very Good 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.853 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 #2f3c45

Some examples of color palettes with #2f3c45. View more

Use #2f3c45 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet