#d66b2a hex color

In a RGB color space, hex #d66b2a is composed of 83.9% red, 42% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 50% magenta, 80.4% yellow and 16.1% black. It has a hue angle of 22.7 degrees, a saturation of 67.7% and a lightness of 50.2%. #d66b2a color hex could be obtained by blending #ffd654 with #ad0000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 84
- G 42
- B 16
RGB color chart
- C 0
- M 50
- Y 80
- K 16
CMYK color chart

● #d66b2a color description : Strong orange.

The hexadecimal color #d66b2a has RGB values of R:214, G:107, B:42 and CMYK values of C:0, M:0.5, Y:0.8, K:0.16. Its decimal value is 14052138.

Hex triplet	d66b2a	`#d66b2a`
RGB Decimal	214, 107, 42	`rgb(214,107,42)`
RGB Percent	83.9, 42, 16.5	`rgb(83.9%,42%,16.5%)`
CMYK	0, 50, 80, 16
HSL	22.7°, 67.7, 50.2	`hsl(22.7,67.7%,50.2%)`
HSV (or HSB)	22.7°, 80.4, 83.9
Web Safe	cc6633	`#cc6633`

CIE-LAB	57.058, 37.962, 53.153
XYZ	33.408, 24.982, 5.253
xyY	0.525, 0.393, 24.982
CIE-LCH	57.058, 65.317, 54.466
CIE-LUV	57.058, 87.09, 46.04
Hunter-Lab	49.982, 31.843, 28.756
Binary	11010110, 01101011, 00101010

#d66b2a
```
#d66b2a rgb(214,107,42)
```
#2a95d6
```
#2a95d6 rgb(42,149,214)
```

Complementary Color

#d62a3f
```
#d62a3f rgb(214,42,63)
```
#d66b2a
```
#d66b2a rgb(214,107,42)
```
#d6c12a
```
#d6c12a rgb(214,193,42)
```

Analogous Color

#2a3fd6
```
#2a3fd6 rgb(42,63,214)
```
#d66b2a
```
#d66b2a rgb(214,107,42)
```
#2ad6c1
```
#2ad6c1 rgb(42,214,193)
```

Split Complementary Color

#6b2ad6
```
#6b2ad6 rgb(107,42,214)
```
#d66b2a
```
#d66b2a rgb(214,107,42)
```
#2ad66b
```
#2ad66b rgb(42,214,107)
```

Triadic Color

#d62a95
```
#d62a95 rgb(214,42,149)
```
#d66b2a
```
#d66b2a rgb(214,107,42)
```
#2ad66b
```
#2ad66b rgb(42,214,107)
```
#2a95d6
```
#2a95d6 rgb(42,149,214)
```

Tetradic Color

#974b1d
```
#974b1d rgb(151,75,29)
```
#ac5621
```
#ac5621 rgb(172,86,33)
```
#c16025
```
#c16025 rgb(193,96,37)
```
#d66b2a
```
#d66b2a rgb(214,107,42)
```
#da7a3f
```
#da7a3f rgb(218,122,63)
```
#de8955
```
#de8955 rgb(222,137,85)
```
#e2986a
```
#e2986a rgb(226,152,106)
```

Monochromatic Color

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

#d6402a
```
#d6402a rgb(214,64,42)
```
#d64e2a
```
#d64e2a rgb(214,78,42)
```
#d65d2a
```
#d65d2a rgb(214,93,42)
```
#d66b2a
```
#d66b2a rgb(214,107,42)
```
#d6792a
```
#d6792a rgb(214,121,42)
```
#d6882a
```
#d6882a rgb(214,136,42)
```
#d6962a
```
#d6962a rgb(214,150,42)
```

Similar Colors

Text with hexadecimal color #d66b2a

This text has a font color of #d66b2a.

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

#d66b2a background color

This paragraph has a background color of #d66b2a.

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

#d66b2a border color

This element has a border color of #d66b2a.

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

CSS codes

.text {color:#d66b2a;}

.background {background-color:#d66b2a;}

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

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, #010000 is the darkest color, while #fcf4ef is the lightest one.

#010000
```
#010000 rgb(1,0,0)
```
#110903
```
#110903 rgb(17,9,3)
```
#221106
```
#221106 rgb(34,17,6)
```
#32190a
```
#32190a rgb(50,25,10)
```
#43210d
```
#43210d rgb(67,33,13)
```
#532910
```
#532910 rgb(83,41,16)
```
#643213
```
#643213 rgb(100,50,19)
```
#743a16
```
#743a16 rgb(116,58,22)
```
#844219
```
#844219 rgb(132,66,25)
```
#954a1d
```
#954a1d rgb(149,74,29)
```
#a55220
```
#a55220 rgb(165,82,32)
```
#b65a23
```
#b65a23 rgb(182,90,35)
```
#c66326
```
#c66326 rgb(198,99,38)
```

Shade Color Variation

#d66b2a
```
#d66b2a rgb(214,107,42)
```
#d9763a
```
#d9763a rgb(217,118,58)
```
#dc824b
```
#dc824b rgb(220,130,75)
```
#df8d5b
```
#df8d5b rgb(223,141,91)
```
#e3996c
```
#e3996c rgb(227,153,108)
```
#e6a47c
```
#e6a47c rgb(230,164,124)
```
#e9b08d
```
#e9b08d rgb(233,176,141)
```
#ecbb9d
```
#ecbb9d rgb(236,187,157)
```
#efc6ae
```
#efc6ae rgb(239,198,174)
```
#f2d2be
```
#f2d2be rgb(242,210,190)
```
#f6ddce
```
#f6ddce rgb(246,221,206)
```
#f9e9df
```
#f9e9df rgb(249,233,223)
```
#fcf4ef
```
#fcf4ef rgb(252,244,239)
```

Tint Color Variation

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

#887e78
```
#887e78 rgb(136,126,120)
```
#927c6e
```
#927c6e rgb(146,124,110)
```
#9b7965
```
#9b7965 rgb(155,121,101)
```
#a5775b
```
#a5775b rgb(165,119,91)
```
#af7551
```
#af7551 rgb(175,117,81)
```
#b97247
```
#b97247 rgb(185,114,71)
```
#c2703e
```
#c2703e rgb(194,112,62)
```
#cc6d34
```
#cc6d34 rgb(204,109,52)
```
#d66b2a
```
#d66b2a rgb(214,107,42)
```
#e06920
```
#e06920 rgb(224,105,32)
```
#ea6616
```
#ea6616 rgb(234,102,22)
```
#f3640d
```
#f3640d rgb(243,100,13)
```
#fd6103
```
#fd6103 rgb(253,97,3)
```

Tone Color Variation

Below, you can see how #d66b2a 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

#848484 Achromatopsia 0.005% of the population
#947f72 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e8f3c Protanopia 1% of men
#b1882c Deuteranopia 1% of men
#db6c73 Tritanopia 0.001% of the population

Trichromacy

#b28235 Protanomaly 1% of men, 0.01% of women
#bf7d2b Deuteranomaly 6% of men, 0.4% of women
#d96b58 Tritanomaly 0.01% of the population

#d66b2a hex color

#d66b2a Color Information

#d66b2a Color Conversion

Color Schemes with #d66b2a

Alternatives to #d66b2a

#d66b2a Preview

Shades and Tints of #d66b2a

Tones of #d66b2a

Color Blindness Simulator