colorhexa.com

#d99a2f hex color

In a RGB color space, hex #d99a2f is composed of 85.1% red, 60.4% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29% magenta, 78.3% yellow and 14.9% black. It has a hue angle of 37.8 degrees, a saturation of 69.1% and a lightness of 51.8%. #d99a2f color hex could be obtained by blending #ffff5e with #b33500. Closest websafe color is: #cc9933.

- R 85
- G 60
- B 18
RGB color chart
- C 0
- M 29
- Y 78
- K 15
CMYK color chart

● #d99a2f color description : Bright orange.

The hexadecimal color #d99a2f has RGB values of R:217, G:154, B:47 and CMYK values of C:0, M:0.29, Y:0.78, K:0.15. Its decimal value is 14260783.

Hex triplet	d99a2f	`#d99a2f`
RGB Decimal	217, 154, 47	`rgb(217,154,47)`
RGB Percent	85.1, 60.4, 18.4	`rgb(85.1%,60.4%,18.4%)`
CMYK	0, 29, 78, 15
HSL	37.8°, 69.1, 51.8	`hsl(37.8,69.1%,51.8%)`
HSV (or HSB)	37.8°, 78.3, 85.1
Web Safe	cc9933	`#cc9933`

CIE-LAB	68.073, 14.439, 61.555
XYZ	40.685, 38.071, 7.895
xyY	0.47, 0.439, 38.071
CIE-LCH	68.073, 63.225, 76.799
CIE-LUV	68.073, 51.565, 62.728
Hunter-Lab	61.701, 9.722, 35.605
Binary	11011001, 10011010, 00101111

#d99a2f
```
#d99a2f rgb(217,154,47)
```
#2f6ed9
```
#2f6ed9 rgb(47,110,217)
```

Complementary Color

#d9452f
```
#d9452f rgb(217,69,47)
```
#d99a2f
```
#d99a2f rgb(217,154,47)
```
#c3d92f
```
#c3d92f rgb(195,217,47)
```

Analogous Color

#452fd9
```
#452fd9 rgb(69,47,217)
```
#d99a2f
```
#d99a2f rgb(217,154,47)
```
#2fc3d9
```
#2fc3d9 rgb(47,195,217)
```

Split Complementary Color

#9a2fd9
```
#9a2fd9 rgb(154,47,217)
```
#d99a2f
```
#d99a2f rgb(217,154,47)
```
#2fd99a
```
#2fd99a rgb(47,217,154)
```

Triadic Color

#d92f6e
```
#d92f6e rgb(217,47,110)
```
#d99a2f
```
#d99a2f rgb(217,154,47)
```
#2fd99a
```
#2fd99a rgb(47,217,154)
```
#2f6ed9
```
#2f6ed9 rgb(47,110,217)
```

Tetradic Color

#9f6f1d
```
#9f6f1d rgb(159,111,29)
```
#b47e21
```
#b47e21 rgb(180,126,33)
```
#ca8d25
```
#ca8d25 rgb(202,141,37)
```
#d99a2f
```
#d99a2f rgb(217,154,47)
```
#dda445
```
#dda445 rgb(221,164,69)
```
#e1af5a
```
#e1af5a rgb(225,175,90)
```
#e5b970
```
#e5b970 rgb(229,185,112)
```

Monochromatic Color

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

#d9702f
```
#d9702f rgb(217,112,47)
```
#d97e2f
```
#d97e2f rgb(217,126,47)
```
#d98c2f
```
#d98c2f rgb(217,140,47)
```
#d99a2f
```
#d99a2f rgb(217,154,47)
```
#d9a82f
```
#d9a82f rgb(217,168,47)
```
#d9b62f
```
#d9b62f rgb(217,182,47)
```
#d9c52f
```
#d9c52f rgb(217,197,47)
```

Similar Colors

Text with hexadecimal color #d99a2f

This text has a font color of #d99a2f.

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

#d99a2f background color

This paragraph has a background color of #d99a2f.

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

#d99a2f border color

This element has a border color of #d99a2f.

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

CSS codes

.text {color:#d99a2f;}

.background {background-color:#d99a2f;}

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

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

#080501
```
#080501 rgb(8,5,1)
```
#181104
```
#181104 rgb(24,17,4)
```
#291c07
```
#291c07 rgb(41,28,7)
```
#39280a
```
#39280a rgb(57,40,10)
```
#4a340e
```
#4a340e rgb(74,52,14)
```
#5b3f11
```
#5b3f11 rgb(91,63,17)
```
#6b4b14
```
#6b4b14 rgb(107,75,20)
```
#7c5617
```
#7c5617 rgb(124,86,23)
```
#8c621a
```
#8c621a rgb(140,98,26)
```
#9d6d1d
```
#9d6d1d rgb(157,109,29)
```
#ad7920
```
#ad7920 rgb(173,121,32)
```
#be8423
```
#be8423 rgb(190,132,35)
```
#cf9026
```
#cf9026 rgb(207,144,38)
```

Shade Color Variation

#d99a2f
```
#d99a2f rgb(217,154,47)
```
#dca240
```
#dca240 rgb(220,162,64)
```
#dfaa50
```
#dfaa50 rgb(223,170,80)
```
#e2b261
```
#e2b261 rgb(226,178,97)
```
#e5ba71
```
#e5ba71 rgb(229,186,113)
```
#e8c282
```
#e8c282 rgb(232,194,130)
```
#ebca93
```
#ebca93 rgb(235,202,147)
```
#eed2a3
```
#eed2a3 rgb(238,210,163)
```
#f1dab4
```
#f1dab4 rgb(241,218,180)
```
#f4e2c4
```
#f4e2c4 rgb(244,226,196)
```
#f7ebd5
```
#f7ebd5 rgb(247,235,213)
```
#faf3e5
```
#faf3e5 rgb(250,243,229)
```
#fdfbf6
```
#fdfbf6 rgb(253,251,246)
```

Tint Color Variation

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

#8d867b
```
#8d867b rgb(141,134,123)
```
#978971
```
#978971 rgb(151,137,113)
```
#a08b68
```
#a08b68 rgb(160,139,104)
```
#aa8e5e
```
#aa8e5e rgb(170,142,94)
```
#b39055
```
#b39055 rgb(179,144,85)
```
#bd934b
```
#bd934b rgb(189,147,75)
```
#c69542
```
#c69542 rgb(198,149,66)
```
#d09838
```
#d09838 rgb(208,152,56)
```
#d99a2f
```
#d99a2f rgb(217,154,47)
```
#e29c26
```
#e29c26 rgb(226,156,38)
```
#ec9f1c
```
#ec9f1c rgb(236,159,28)
```
#f5a113
```
#f5a113 rgb(245,161,19)
```
#ffa409
```
#ffa409 rgb(255,164,9)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#aca08a Atypical Achromatopsia 0.001% of the population

Dichromacy

#beaa3c Protanopia 1% of men
#d3a238 Deuteranopia 1% of men
#e1959f Tritanopia 0.001% of the population

Trichromacy

#c7a437 Protanomaly 1% of men, 0.01% of women
#d59f34 Deuteranomaly 6% of men, 0.4% of women
#de9776 Tritanomaly 0.01% of the population