#d5a31f hex color

In a RGB color space, hex #d5a31f is composed of 83.5% red, 63.9% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.5% magenta, 85.4% yellow and 16.5% black. It has a hue angle of 43.5 degrees, a saturation of 74.6% and a lightness of 47.8%. #d5a31f color hex could be obtained by blending #ffff3e with #ab4700. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 84
- G 64
- B 12
RGB color chart
- C 0
- M 23
- Y 85
- K 16
CMYK color chart

● #d5a31f color description : Strong orange.

The hexadecimal color #d5a31f has RGB values of R:213, G:163, B:31 and CMYK values of C:0, M:0.23, Y:0.85, K:0.16. Its decimal value is 14000927.

Hex triplet	d5a31f	`#d5a31f`
RGB Decimal	213, 163, 31	`rgb(213,163,31)`
RGB Percent	83.5, 63.9, 12.2	`rgb(83.5%,63.9%,12.2%)`
CMYK	0, 23, 85, 16
HSL	43.5°, 74.6, 47.8	`hsl(43.5,74.6%,47.8%)`
HSV (or HSB)	43.5°, 85.4, 83.5
Web Safe	cc9933	`#cc9933`

CIE-LAB	69.783, 7.378, 67.957
XYZ	40.786, 40.442, 6.954
xyY	0.463, 0.459, 40.442
CIE-LCH	69.783, 68.356, 83.803
CIE-LUV	69.783, 41.991, 69.23
Hunter-Lab	63.594, 3.192, 38.032
Binary	11010101, 10100011, 00011111

#d5a31f
```
#d5a31f rgb(213,163,31)
```
#1f51d5
```
#1f51d5 rgb(31,81,213)
```

Complementary Color

#d5481f
```
#d5481f rgb(213,72,31)
```
#d5a31f
```
#d5a31f rgb(213,163,31)
```
#acd51f
```
#acd51f rgb(172,213,31)
```

Analogous Color

#481fd5
```
#481fd5 rgb(72,31,213)
```
#d5a31f
```
#d5a31f rgb(213,163,31)
```
#1facd5
```
#1facd5 rgb(31,172,213)
```

Split Complementary Color

#a31fd5
```
#a31fd5 rgb(163,31,213)
```
#d5a31f
```
#d5a31f rgb(213,163,31)
```
#1fd5a3
```
#1fd5a3 rgb(31,213,163)
```

Triadic Color

#d51f51
```
#d51f51 rgb(213,31,81)
```
#d5a31f
```
#d5a31f rgb(213,163,31)
```
#1fd5a3
```
#1fd5a3 rgb(31,213,163)
```
#1f51d5
```
#1f51d5 rgb(31,81,213)
```

Tetradic Color

#927015
```
#927015 rgb(146,112,21)
```
#a88119
```
#a88119 rgb(168,129,25)
```
#bf921c
```
#bf921c rgb(191,146,28)
```
#d5a31f
```
#d5a31f rgb(213,163,31)
```
#e0af2d
```
#e0af2d rgb(224,175,45)
```
#e4b843
```
#e4b843 rgb(228,184,67)
```
#e7c05a
```
#e7c05a rgb(231,192,90)
```

Monochromatic Color

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

#d5761f
```
#d5761f rgb(213,118,31)
```
#d5851f
```
#d5851f rgb(213,133,31)
```
#d5941f
```
#d5941f rgb(213,148,31)
```
#d5a31f
```
#d5a31f rgb(213,163,31)
```
#d5b21f
```
#d5b21f rgb(213,178,31)
```
#d5c11f
```
#d5c11f rgb(213,193,31)
```
#d5d11f
```
#d5d11f rgb(213,209,31)
```

Similar Colors

Text with hexadecimal color #d5a31f

This text has a font color of #d5a31f.

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

#d5a31f background color

This paragraph has a background color of #d5a31f.

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

#d5a31f border color

This element has a border color of #d5a31f.

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

CSS codes

.text {color:#d5a31f;}

.background {background-color:#d5a31f;}

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

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

#080601
```
#080601 rgb(8,6,1)
```
#191304
```
#191304 rgb(25,19,4)
```
#2a2006
```
#2a2006 rgb(42,32,6)
```
#3b2d09
```
#3b2d09 rgb(59,45,9)
```
#4c3a0b
```
#4c3a0b rgb(76,58,11)
```
#5d470e
```
#5d470e rgb(93,71,14)
```
#6e5410
```
#6e5410 rgb(110,84,16)
```
#7f6113
```
#7f6113 rgb(127,97,19)
```
#916f15
```
#916f15 rgb(145,111,21)
```
#a27c18
```
#a27c18 rgb(162,124,24)
```
#b3891a
```
#b3891a rgb(179,137,26)
```
#c4961d
```
#c4961d rgb(196,150,29)
```
#d5a31f
```
#d5a31f rgb(213,163,31)
```

Shade Color Variation

#e0ad28
```
#e0ad28 rgb(224,173,40)
```
#e2b439
```
#e2b439 rgb(226,180,57)
```
#e5ba4a
```
#e5ba4a rgb(229,186,74)
```
#e7c15b
```
#e7c15b rgb(231,193,91)
```
#eac76c
```
#eac76c rgb(234,199,108)
```
#ecce7e
```
#ecce7e rgb(236,206,126)
```
#efd48f
```
#efd48f rgb(239,212,143)
```
#f1dba0
```
#f1dba0 rgb(241,219,160)
```
#f4e1b1
```
#f4e1b1 rgb(244,225,177)
```
#f6e8c2
```
#f6e8c2 rgb(246,232,194)
```
#f9eed3
```
#f9eed3 rgb(249,238,211)
```
#fbf5e4
```
#fbf5e4 rgb(251,245,228)
```
#fefbf5
```
#fefbf5 rgb(254,251,245)
```

Tint Color Variation

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

#817d73
```
#817d73 rgb(129,125,115)
```
#8a816a
```
#8a816a rgb(138,129,106)
```
#938561
```
#938561 rgb(147,133,97)
```
#9d8a57
```
#9d8a57 rgb(157,138,87)
```
#a68e4e
```
#a68e4e rgb(166,142,78)
```
#af9245
```
#af9245 rgb(175,146,69)
```
#b9963b
```
#b9963b rgb(185,150,59)
```
#c29b32
```
#c29b32 rgb(194,155,50)
```
#cc9f28
```
#cc9f28 rgb(204,159,40)
```
#d5a31f
```
#d5a31f rgb(213,163,31)
```
#dea716
```
#dea716 rgb(222,167,22)
```
#e8ab0c
```
#e8ab0c rgb(232,171,12)
```
#f1b003
```
#f1b003 rgb(241,176,3)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#ada389 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3af2c Protanopia 1% of men
#daa62b Deuteranopia 1% of men
#df9da7 Tritanopia 0.001% of the population

Trichromacy

#c9aa27 Protanomaly 1% of men, 0.01% of women
#d8a526 Deuteranomaly 6% of men, 0.4% of women
#db9f76 Tritanomaly 0.01% of the population

#d5a31f hex color

#d5a31f Color Information

#d5a31f Color Conversion

Color Schemes with #d5a31f

Alternatives to #d5a31f

#d5a31f Preview

Shades and Tints of #d5a31f

Tones of #d5a31f

Color Blindness Simulator