Chocolate / #d2691e hex color

In a RGB color space, hex #d2691e (also known as Chocolate, Cinnamon, Cocoa brown) is composed of 82.4% red, 41.2% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 50% magenta, 85.7% yellow and 17.6% black. It has a hue angle of 25 degrees, a saturation of 75% and a lightness of 47.1%. #d2691e color hex could be obtained by blending #ffd23c with #a50000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 82
- G 41
- B 12
RGB color chart
- C 0
- M 50
- Y 86
- K 18
CMYK color chart

● #d2691e color description : Strong orange.

The hexadecimal color #d2691e has RGB values of R:210, G:105, B:30 and CMYK values of C:0, M:0.5, Y:0.86, K:0.18. Its decimal value is 13789470.

Hex triplet	d2691e	`#d2691e`
RGB Decimal	210, 105, 30	`rgb(210,105,30)`
RGB Percent	82.4, 41.2, 11.8	`rgb(82.4%,41.2%,11.8%)`
CMYK	0, 50, 86, 18
HSL	25°, 75, 47.1	`hsl(25,75%,47.1%)`
HSV (or HSB)	25°, 85.7, 82.4
Web Safe	cc6633	`#cc6633`

CIE-LAB	55.989, 37.05, 56.738
XYZ	31.865, 23.902, 4.164
xyY	0.532, 0.399, 23.902
CIE-LCH	55.989, 67.764, 56.856
CIE-LUV	55.989, 86.278, 47.751
Hunter-Lab	48.889, 30.788, 29.173
Binary	11010010, 01101001, 00011110

#d2691e
```
#d2691e rgb(210,105,30)
```
#1e87d2
```
#1e87d2 rgb(30,135,210)
```

Complementary Color

#d21e2d
```
#d21e2d rgb(210,30,45)
```
#d2691e
```
#d2691e rgb(210,105,30)
```
#d2c31e
```
#d2c31e rgb(210,195,30)
```

Analogous Color

#1e2dd2
```
#1e2dd2 rgb(30,45,210)
```
#d2691e
```
#d2691e rgb(210,105,30)
```
#1ed2c3
```
#1ed2c3 rgb(30,210,195)
```

Split Complementary Color

#691ed2
```
#691ed2 rgb(105,30,210)
```
#d2691e
```
#d2691e rgb(210,105,30)
```
#1ed269
```
#1ed269 rgb(30,210,105)
```

Triadic Color

#d21e87
```
#d21e87 rgb(210,30,135)
```
#d2691e
```
#d2691e rgb(210,105,30)
```
#1ed269
```
#1ed269 rgb(30,210,105)
```
#1e87d2
```
#1e87d2 rgb(30,135,210)
```

Tetradic Color

#8f4814
```
#8f4814 rgb(143,72,20)
```
#a55318
```
#a55318 rgb(165,83,24)
```
#bc5e1b
```
#bc5e1b rgb(188,94,27)
```
#d2691e
```
#d2691e rgb(210,105,30)
```
#e07529
```
#e07529 rgb(224,117,41)
```
#e4843f
```
#e4843f rgb(228,132,63)
```
#e79256
```
#e79256 rgb(231,146,86)
```

Monochromatic Color

Below, you can see some colors close to #d2691e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#d23c1e
```
#d23c1e rgb(210,60,30)
```
#d24b1e
```
#d24b1e rgb(210,75,30)
```
#d25a1e
```
#d25a1e rgb(210,90,30)
```
#d2691e
```
#d2691e rgb(210,105,30)
```
#d2781e
```
#d2781e rgb(210,120,30)
```
#d2871e
```
#d2871e rgb(210,135,30)
```
#d2961e
```
#d2961e rgb(210,150,30)
```

Similar Colors

Text with hexadecimal color #d2691e

This text has a font color of #d2691e.

<span style="color:#d2691e;">Text here</span>

#d2691e background color

This paragraph has a background color of #d2691e.

<p style="background-color:#d2691e;">Content here</p>

#d2691e border color

This element has a border color of #d2691e.

<div style="border:1px solid #d2691e;">Content here</div>

CSS codes

.text {color:#d2691e;}

.background {background-color:#d2691e;}

.border {border:1px solid #d2691e;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #040201 is the darkest color, while #fdf7f2 is the lightest one.

#040201
```
#040201 rgb(4,2,1)
```
#150b03
```
#150b03 rgb(21,11,3)
```
#261305
```
#261305 rgb(38,19,5)
```
#381c08
```
#381c08 rgb(56,28,8)
```
#49240a
```
#49240a rgb(73,36,10)
```
#5a2d0d
```
#5a2d0d rgb(90,45,13)
```
#6b360f
```
#6b360f rgb(107,54,15)
```
#7c3e12
```
#7c3e12 rgb(124,62,18)
```
#8d4714
```
#8d4714 rgb(141,71,20)
```
#9f4f17
```
#9f4f17 rgb(159,79,23)
```
#b05819
```
#b05819 rgb(176,88,25)
```
#c1601c
```
#c1601c rgb(193,96,28)
```
#d2691e
```
#d2691e rgb(210,105,30)
```

Shade Color Variation

#e07224
```
#e07224 rgb(224,114,36)
```
#e27d35
```
#e27d35 rgb(226,125,53)
```
#e58846
```
#e58846 rgb(229,136,70)
```
#e79357
```
#e79357 rgb(231,147,87)
```
#ea9e69
```
#ea9e69 rgb(234,158,105)
```
#eca97a
```
#eca97a rgb(236,169,122)
```
#eeb48b
```
#eeb48b rgb(238,180,139)
```
#f1bf9c
```
#f1bf9c rgb(241,191,156)
```
#f3caad
```
#f3caad rgb(243,202,173)
```
#f6d5be
```
#f6d5be rgb(246,213,190)
```
#f8e0d0
```
#f8e0d0 rgb(248,224,208)
```
#fbece1
```
#fbece1 rgb(251,236,225)
```
#fdf7f2
```
#fdf7f2 rgb(253,247,242)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7f7771 is the less saturated color, while #ee6402 is the most saturated one.

#7f7771
```
#7f7771 rgb(127,119,113)
```
#887568
```
#887568 rgb(136,117,104)
```
#91745f
```
#91745f rgb(145,116,95)
```
#9b7255
```
#9b7255 rgb(155,114,85)
```
#a4714c
```
#a4714c rgb(164,113,76)
```
#ad6f43
```
#ad6f43 rgb(173,111,67)
```
#b66e3a
```
#b66e3a rgb(182,110,58)
```
#c06c30
```
#c06c30 rgb(192,108,48)
```
#c96b27
```
#c96b27 rgb(201,107,39)
```
#d2691e
```
#d2691e rgb(210,105,30)
```
#db6715
```
#db6715 rgb(219,103,21)
```
#e4660c
```
#e4660c rgb(228,102,12)
```
#ee6402
```
#ee6402 rgb(238,100,2)
```

Tone Color Variation

Below, you can see how #d2691e is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#808080 Achromatopsia 0.005% of the population
#907b6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#9c8c30 Protanopia 1% of men
#af851e Deuteranopia 1% of men
#d76a70 Tritanopia 0.001% of the population

Trichromacy

#b07f29 Protanomaly 1% of men, 0.01% of women
#bb7b1e Deuteranomaly 6% of men, 0.4% of women
#d56952 Tritanomaly 0.01% of the population

Chocolate / #d2691e hex color

#d2691e Color Information

#d2691e Color Conversion

Color Schemes with #d2691e

Alternatives to #d2691e

#d2691e Preview

Shades and Tints of #d2691e

Tones of #d2691e

Color Blindness Simulator