colorhexa.com

#d8a102 hex color

In a RGB color space, hex #d8a102 is composed of 84.7% red, 63.1% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.5% magenta, 99.1% yellow and 15.3% black. It has a hue angle of 44.6 degrees, a saturation of 98.2% and a lightness of 42.7%. #d8a102 color hex could be obtained by blending #ffff04 with #b14300. Closest websafe color is: #cc9900.

- R 85
- G 63
- B 1
RGB color chart
- C 0
- M 25
- Y 99
- K 15
CMYK color chart

● #d8a102 color description : Strong orange.

The hexadecimal color #d8a102 has RGB values of R:216, G:161, B:2 and CMYK values of C:0, M:0.25, Y:0.99, K:0.15. Its decimal value is 14196994.

Hex triplet	d8a102	`#d8a102`
RGB Decimal	216, 161, 2	`rgb(216,161,2)`
RGB Percent	84.7, 63.1, 0.8	`rgb(84.7%,63.1%,0.8%)`
CMYK	0, 25, 99, 15
HSL	44.6°, 98.2, 42.7	`hsl(44.6,98.2%,42.7%)`
HSV (or HSB)	44.6°, 99.1, 84.7
Web Safe	cc9900	`#cc9900`

CIE-LAB	69.537, 9.328, 72.954
XYZ	41.076, 40.095, 5.633
xyY	0.473, 0.462, 40.095
CIE-LCH	69.537, 73.548, 82.714
CIE-LUV	69.537, 46.399, 71.335
Hunter-Lab	63.321, 4.979, 39.05
Binary	11011000, 10100001, 00000010

#d8a102
```
#d8a102 rgb(216,161,2)
```
#0239d8
```
#0239d8 rgb(2,57,216)
```

Complementary Color

#d83602
```
#d83602 rgb(216,54,2)
```
#d8a102
```
#d8a102 rgb(216,161,2)
```
#a4d802
```
#a4d802 rgb(164,216,2)
```

Analogous Color

#3602d8
```
#3602d8 rgb(54,2,216)
```
#d8a102
```
#d8a102 rgb(216,161,2)
```
#02a4d8
```
#02a4d8 rgb(2,164,216)
```

Split Complementary Color

#a102d8
```
#a102d8 rgb(161,2,216)
```
#d8a102
```
#d8a102 rgb(216,161,2)
```
#02d8a1
```
#02d8a1 rgb(2,216,161)
```

Triadic Color

#8c6901
```
#8c6901 rgb(140,105,1)
```
#a57b02
```
#a57b02 rgb(165,123,2)
```
#bf8e02
```
#bf8e02 rgb(191,142,2)
```
#d8a102
```
#d8a102 rgb(216,161,2)
```
#f1b402
```
#f1b402 rgb(241,180,2)
```
#fdc010
```
#fdc010 rgb(253,192,16)
```
#fdc729
```
#fdc729 rgb(253,199,41)
```

Monochromatic Color

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

#d86c02
```
#d86c02 rgb(216,108,2)
```
#d87d02
```
#d87d02 rgb(216,125,2)
```
#d88f02
```
#d88f02 rgb(216,143,2)
```
#d8a102
```
#d8a102 rgb(216,161,2)
```
#d8b302
```
#d8b302 rgb(216,179,2)
```
#d8c502
```
#d8c502 rgb(216,197,2)
```
#d8d702
```
#d8d702 rgb(216,215,2)
```

Similar Colors

Text with hexadecimal color #d8a102

This text has a font color of #d8a102.

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

#d8a102 background color

This paragraph has a background color of #d8a102.

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

#d8a102 border color

This element has a border color of #d8a102.

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

CSS codes

.text {color:#d8a102;}

.background {background-color:#d8a102;}

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

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

#020200
```
#020200 rgb(2,2,0)
```
#161000
```
#161000 rgb(22,16,0)
```
#291f00
```
#291f00 rgb(41,31,0)
```
#3d2d01
```
#3d2d01 rgb(61,45,1)
```
#503c01
```
#503c01 rgb(80,60,1)
```
#634a01
```
#634a01 rgb(99,74,1)
```
#775901
```
#775901 rgb(119,89,1)
```
#8a6701
```
#8a6701 rgb(138,103,1)
```
#9e7601
```
#9e7601 rgb(158,118,1)
```
#b18402
```
#b18402 rgb(177,132,2)
```
#c59302
```
#c59302 rgb(197,147,2)
```
#d8a102
```
#d8a102 rgb(216,161,2)
```
#ebaf02
```
#ebaf02 rgb(235,175,2)
```

Shade Color Variation

#fdbd05
```
#fdbd05 rgb(253,189,5)
```
#fdc218
```
#fdc218 rgb(253,194,24)
```
#fdc72b
```
#fdc72b rgb(253,199,43)
```
#fdcc3f
```
#fdcc3f rgb(253,204,63)
```
#fdd152
```
#fdd152 rgb(253,209,82)
```
#fed766
```
#fed766 rgb(254,215,102)
```
#fedc79
```
#fedc79 rgb(254,220,121)
```
#fee18d
```
#fee18d rgb(254,225,141)
```
#fee6a0
```
#fee6a0 rgb(254,230,160)
```
#feebb3
```
#feebb3 rgb(254,235,179)
```
#fef0c7
```
#fef0c7 rgb(254,240,199)
```
#fff5da
```
#fff5da rgb(255,245,218)
```
#fffaee
```
#fffaee rgb(255,250,238)
```

Tint Color Variation

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

#737067
```
#737067 rgb(115,112,103)
```
#7c745e
```
#7c745e rgb(124,116,94)
```
#847856
```
#847856 rgb(132,120,86)
```
#8d7c4d
```
#8d7c4d rgb(141,124,77)
```
#958045
```
#958045 rgb(149,128,69)
```
#9d843d
```
#9d843d rgb(157,132,61)
```
#a68934
```
#a68934 rgb(166,137,52)
```
#ae8d2c
```
#ae8d2c rgb(174,141,44)
```
#b69124
```
#b69124 rgb(182,145,36)
```
#bf951b
```
#bf951b rgb(191,149,27)
```
#c79913
```
#c79913 rgb(199,153,19)
```
#d09d0a
```
#d09d0a rgb(208,157,10)
```
#d8a102
```
#d8a102 rgb(216,161,2)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#aa9f80 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3ae11 Protanopia 1% of men
#daa50b Deuteranopia 1% of men
#e29aa5 Tritanopia 0.001% of the population

Trichromacy

#cba90b Protanomaly 1% of men, 0.01% of women
#d9a408 Deuteranomaly 6% of men, 0.4% of women
#de9d6a Tritanomaly 0.01% of the population