Color picker

Get useful color information like conversion, combinations, blindness simulation and more.
#
3F4E57
Charcoal
#

Conversion

HEX 3F4E57
RGB 63, 78, 87
CMYK 28, 10, 0, 66
HSB 203, 28, 34
HSL 203, 16, 29
LAB 32, -4, -7
XYZ 6, 7, 10
LCH 32, 8, 244
LUV 32, -8, -9
HWB 203, 25, 66

Variations

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

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
3F4E57
3A4750
35424A
313C43
2C373D
283137
232C31
1F262B
1B2125
161B1F
121619
0D1012
090B0C
040506
000000

Tints

A tint is created by adding white to a base color, increasing its lightness. Tints are likely to look pastel and less intense.
3F4E57
495A65
546874
5F7583
6A8292
788F9D
879BA8
96A8B3
A5B4BE
B4C1C9
C3CDD4
D2DADE
E1E6E9
F0F3F4
FFFFFF

Tones

A tone is created by adding gray to a base color, increasing its lightness. Tones looks more sophisticated and complex than base colors.
3F4E57
3F4D55
404C54
414C53
414C52
424C52
434C51
444B50
454B4F
464B4E
474B4D
474B4C
484A4C
494A4B
4A4A4A

Hues

A hue refers to the basic family of a color from red to violet. Hues are variations of a base color on the color wheel.
3E5743
3E5747
3E574B
3E574F
3E5754
3E5657
3E5257
3F4E57
3E4957
3E4557
3E4157
403E57
443E57
483E57
4D3E57

Temperatures

Color are often divided in cool and warm according to how we perceive them. Greens and blues are cool, whilst reds and yellows are warm.
3F4657
3F4757
3F4857
3F4957
3F4B57
3F4C57
3F4D57
3F4E57
414D55
424C53
444B52
464950
48484E
49474C
4B464B

Color harmonies

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

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.
3E564F
3F4E57
3F3E56

Complementary

Complementary color schemes are made by picking two opposite colors on the color wheel. They appear vibrant near to each other.
3F4E57
56473E

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
3F4E57
563F3E
564F3E

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
3F4E57
563E4D
4D563E

Tetradic

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.
3F4E57
473E56
56473E
4D563E

Square

Square color schemes are like tetradic arranged in a square instead of rectangle. Colors appear even more contrasting.
3F4E57
533E56
56473E
41563E

Blindness simulator

Check how a color is perceived by color blind people to create accessible designs. Learn more

Protanopia

90% similar
1.3% of men, 0.02% of women
3F4E57
454554

Protanomaly

95% similar
1.3% of men, 0.02% of women
3F4E57
414955

Deuteranopia

88% similar
1.2% of men, 0.01% of women
3F4E57
444354

Deuteranomaly

96% similar
5% of men, 0.35% of women
3F4E57
424A55

Tritanopia

93% similar
0.001% of men, 0.03% of women
3F4E57
3F5352

Tritanomaly

97% similar
0.0001% of the population
3F4E57
3F5055

Achromatopsia

92% similar
0.003% of the population
3F4E57
4A4A4A

Achromatomaly

96% similar
0.001% of the population
3F4E57
454C50

Contrast checker

Verify the contrast of a text on white and black backgrounds. For additional options use this tool.

White background

Very good 4/5
Quote n. 6To the man who only has a hammer, everything he encounters begins to look like a nail.

Abraham Maslow

Black background

Very poor 1/5
Quote n. 6To the man who only has a hammer, everything he encounters begins to look like a nail.

Abraham Maslow

Color libraries

View the most similar correspondences of this color with these popular color libraries.

Name

96% similar
36454F

RAL

95% similar
374447

HKS

94% similar
434F4F

Copic

97% similar

Prismacolor

95% similar

Color Palettes

Some examples of color palettes with this color. View more

Loading...
No items
No found
#