#d27a1f hex color

In a RGB color space, hex #d27a1f is composed of 82.4% red, 47.8% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 41.9% magenta, 85.2% yellow and 17.6% black. It has a hue angle of 30.5 degrees, a saturation of 74.3% and a lightness of 47.3%. #d27a1f color hex could be obtained by blending #fff43e with #a50000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 82
- G 48
- B 12
RGB color chart
- C 0
- M 42
- Y 85
- K 18
CMYK color chart

● #d27a1f color description : Strong orange.

The hexadecimal color #d27a1f has RGB values of R:210, G:122, B:31 and CMYK values of C:0, M:0.42, Y:0.85, K:0.18. Its decimal value is 13793823.

Hex triplet	d27a1f	`#d27a1f`
RGB Decimal	210, 122, 31	`rgb(210,122,31)`
RGB Percent	82.4, 47.8, 12.2	`rgb(82.4%,47.8%,12.2%)`
CMYK	0, 42, 85, 18
HSL	30.5°, 74.3, 47.3	`hsl(30.5,74.3%,47.3%)`
HSV (or HSB)	30.5°, 85.2, 82.4
Web Safe	cc6633	`#cc6633`

CIE-LAB	59.637, 28.169, 59.425
XYZ	33.786, 27.722, 4.868
xyY	0.509, 0.418, 27.722
CIE-LCH	59.637, 65.763, 64.638
CIE-LUV	59.637, 72.318, 53.588
Hunter-Lab	52.652, 22.4, 31.375
Binary	11010010, 01111010, 00011111

#d27a1f
```
#d27a1f rgb(210,122,31)
```
#1f77d2
```
#1f77d2 rgb(31,119,210)
```

Complementary Color

#d2201f
```
#d2201f rgb(210,32,31)
```
#d27a1f
```
#d27a1f rgb(210,122,31)
```
#d1d21f
```
#d1d21f rgb(209,210,31)
```

Analogous Color

#201fd2
```
#201fd2 rgb(32,31,210)
```
#d27a1f
```
#d27a1f rgb(210,122,31)
```
#1fd1d2
```
#1fd1d2 rgb(31,209,210)
```

Split Complementary Color

#7a1fd2
```
#7a1fd2 rgb(122,31,210)
```
#d27a1f
```
#d27a1f rgb(210,122,31)
```
#1fd27a
```
#1fd27a rgb(31,210,122)
```

Triadic Color

#d21f77
```
#d21f77 rgb(210,31,119)
```
#d27a1f
```
#d27a1f rgb(210,122,31)
```
#1fd27a
```
#1fd27a rgb(31,210,122)
```
#1f77d2
```
#1f77d2 rgb(31,119,210)
```

Tetradic Color

#8f5315
```
#8f5315 rgb(143,83,21)
```
#a66018
```
#a66018 rgb(166,96,24)
```
#bc6d1c
```
#bc6d1c rgb(188,109,28)
```
#d27a1f
```
#d27a1f rgb(210,122,31)
```
#e0872b
```
#e0872b rgb(224,135,43)
```
#e39341
```
#e39341 rgb(227,147,65)
```
#e6a057
```
#e6a057 rgb(230,160,87)
```

Monochromatic Color

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

#d24d1f
```
#d24d1f rgb(210,77,31)
```
#d25c1f
```
#d25c1f rgb(210,92,31)
```
#d26b1f
```
#d26b1f rgb(210,107,31)
```
#d27a1f
```
#d27a1f rgb(210,122,31)
```
#d2891f
```
#d2891f rgb(210,137,31)
```
#d2981f
```
#d2981f rgb(210,152,31)
```
#d2a71f
```
#d2a71f rgb(210,167,31)
```

Similar Colors

Text with hexadecimal color #d27a1f

This text has a font color of #d27a1f.

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

#d27a1f background color

This paragraph has a background color of #d27a1f.

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

#d27a1f border color

This element has a border color of #d27a1f.

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

CSS codes

.text {color:#d27a1f;}

.background {background-color:#d27a1f;}

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

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

#050301
```
#050301 rgb(5,3,1)
```
#160d03
```
#160d03 rgb(22,13,3)
```
#271706
```
#271706 rgb(39,23,6)
```
#382108
```
#382108 rgb(56,33,8)
```
#492b0b
```
#492b0b rgb(73,43,11)
```
#5a340d
```
#5a340d rgb(90,52,13)
```
#6b3e10
```
#6b3e10 rgb(107,62,16)
```
#7d4812
```
#7d4812 rgb(125,72,18)
```
#8e5215
```
#8e5215 rgb(142,82,21)
```
#9f5c17
```
#9f5c17 rgb(159,92,23)
```
#b0661a
```
#b0661a rgb(176,102,26)
```
#c1701c
```
#c1701c rgb(193,112,28)
```
#d27a1f
```
#d27a1f rgb(210,122,31)
```

Shade Color Variation

#df8426
```
#df8426 rgb(223,132,38)
```
#e18e37
```
#e18e37 rgb(225,142,55)
```
#e49748
```
#e49748 rgb(228,151,72)
```
#e6a159
```
#e6a159 rgb(230,161,89)
```
#e9ab6a
```
#e9ab6a rgb(233,171,106)
```
#ecb47b
```
#ecb47b rgb(236,180,123)
```
#eebe8c
```
#eebe8c rgb(238,190,140)
```
#f1c89d
```
#f1c89d rgb(241,200,157)
```
#f3d1ae
```
#f3d1ae rgb(243,209,174)
```
#f6dbc0
```
#f6dbc0 rgb(246,219,192)
```
#f8e5d1
```
#f8e5d1 rgb(248,229,209)
```
#fbeee2
```
#fbeee2 rgb(251,238,226)
```
#fdf8f3
```
#fdf8f3 rgb(253,248,243)
```

Tint Color Variation

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

#7f7972
```
#7f7972 rgb(127,121,114)
```
#887969
```
#887969 rgb(136,121,105)
```
#917960
```
#917960 rgb(145,121,96)
```
#9a7957
```
#9a7957 rgb(154,121,87)
```
#a4794d
```
#a4794d rgb(164,121,77)
```
#ad7944
```
#ad7944 rgb(173,121,68)
```
#b67a3b
```
#b67a3b rgb(182,122,59)
```
#bf7a32
```
#bf7a32 rgb(191,122,50)
```
#c97a28
```
#c97a28 rgb(201,122,40)
```
#d27a1f
```
#d27a1f rgb(210,122,31)
```
#db7a16
```
#db7a16 rgb(219,122,22)
```
#e57a0c
```
#e57a0c rgb(229,122,12)
```
#ee7a03
```
#ee7a03 rgb(238,122,3)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#988775 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a69530 Protanopia 1% of men
#ba8e23 Deuteranopia 1% of men
#d87880 Tritanopia 0.001% of the population

Trichromacy

#b68b29 Protanomaly 1% of men, 0.01% of women
#c28621 Deuteranomaly 6% of men, 0.4% of women
#d6795d Tritanomaly 0.01% of the population

#d27a1f hex color

#d27a1f Color Information

#d27a1f Color Conversion

Color Schemes with #d27a1f

Alternatives to #d27a1f

#d27a1f Preview

Shades and Tints of #d27a1f

Tones of #d27a1f

Color Blindness Simulator