Color picker

Get useful color information like conversion, combinations, blindness simulation and more.

D8681B

Cocoa Brown

Conversion Variations Color harmonies Blindness simulator Contrast checker Color libraries Color palettes

Conversion

HEX	D8681B
RGB	216, 104, 27
CMYK	0, 52, 88, 15
HSB	24, 88, 85
HSL	24, 78, 48

LAB	57, 40, 59
XYZ	33, 25, 4
LCH	57, 71, 56
LUV	57, 92, 48
HWB	24, 11, 15

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.

D8681B

CA6019

BB5917

AB5115

9C4A13

8C4211

7C3B0F

6D340D

5D2C0C

4E250A

3E1E08

2F1606

1F0F04

100702

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.

D8681B

E47124

E67C35

E88746

EA9256

EC9C67

EEA778

F0B289

F2BD9A

F5C8AB

F7D3BC

F9DECC

FBE9DD

FDF4EE

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.

D8681B

D36922

CC6A29

C56B2F

BF6D36

B86E3D

B16F44

AA714B

A37251

9C7458

96755F

8F7666

88786D

817974

7A7A7A

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.

D91AB3

D91A92

D91A71

D91A51

D91A30

D9251A

D9461A

D8681B

D9871A

D9A81A

D9C81A

C8D91A

A8D91A

87D91A

66D91A

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.

79417A

87476C

944C5F

A25251

AF5744

BD5D36

CA6229

D8681B

D8621B

D85D1B

D8571B

D8521B

D84C1B

D8471B

D9411B

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.

DA1B4E

D8681B

CDDA1B

Complementary

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

D8681B

1B8DDA

Split complementary

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

D8681B

1BCDDA

1B4EDA

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.

D8681B

1BDA67

671BDA

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.

D8681B

8DDA1B

1B8DDA

671BDA

Square

Square color schemes are like tetradic arranged in a square instead of rectangle. Colors appear even more contrasting.

D8681B

2EDA1B

1B8DDA

C71BDA

Blindness simulator

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

Protanopia

65% similar

1.3% of men, 0.02% of women

D8681B

A7A62D

Protanomaly

82% similar

1.3% of men, 0.02% of women

D8681B

C38D24

Deuteranopia

61% similar

1.2% of men, 0.01% of women

D8681B

AEB632

Deuteranomaly

86% similar

5% of men, 0.35% of women

D8681B

C18425

Tritanopia

80% similar

0.001% of men, 0.03% of women

D8681B

D23C3F

Tritanomaly

91% similar

0.0001% of the population

D8681B

D45329

Achromatopsia

72% similar

0.003% of the population

D8681B

808080

Achromatomaly

87% similar

0.001% of the population

D8681B

A87552

Contrast checker

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

White background

Poor 2/5

Quote n. 22Just the fact that some geniuses were laughed at does not imply that all who are laughed at are geniuses. They laughed at Columbus, they laughed at Fulton, they laughed at the Wright brothers. But they also laughed at Bozo the Clown.

Carl Sagan