colorhexa.com

#cfa21f hex color

In a RGB color space, hex #cfa21f is composed of 81.2% red, 63.5% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 21.7% magenta, 85% yellow and 18.8% black. It has a hue angle of 44.7 degrees, a saturation of 73.9% and a lightness of 46.7%. #cfa21f color hex could be obtained by blending #ffff3e with #9f4500. Closest websafe color is: #cc9933.

- R 81
- G 64
- B 12
RGB color chart
- C 0
- M 22
- Y 85
- K 19
CMYK color chart

● #cfa21f color description : Strong orange.

The hexadecimal color #cfa21f has RGB values of R:207, G:162, B:31 and CMYK values of C:0, M:0.22, Y:0.85, K:0.19. Its decimal value is 13607455.

Hex triplet	cfa21f	`#cfa21f`
RGB Decimal	207, 162, 31	`rgb(207,162,31)`
RGB Percent	81.2, 63.5, 12.2	`rgb(81.2%,63.5%,12.2%)`
CMYK	0, 22, 85, 19
HSL	44.7°, 73.9, 46.7	`hsl(44.7,73.9%,46.7%)`
HSV (or HSB)	44.7°, 85, 81.2
Web Safe	cc9933	`#cc9933`

CIE-LAB	68.901, 5.277, 66.972
XYZ	38.9, 39.207, 6.815
xyY	0.458, 0.462, 39.207
CIE-LCH	68.901, 67.18, 85.495
CIE-LUV	68.901, 38.059, 68.672
Hunter-Lab	62.615, 1.318, 37.378
Binary	11001111, 10100010, 00011111

#cfa21f
```
#cfa21f rgb(207,162,31)
```
#1f4ccf
```
#1f4ccf rgb(31,76,207)
```

Complementary Color

#cf4a1f
```
#cf4a1f rgb(207,74,31)
```
#cfa21f
```
#cfa21f rgb(207,162,31)
```
#a4cf1f
```
#a4cf1f rgb(164,207,31)
```

Analogous Color

#4a1fcf
```
#4a1fcf rgb(74,31,207)
```
#cfa21f
```
#cfa21f rgb(207,162,31)
```
#1fa4cf
```
#1fa4cf rgb(31,164,207)
```

Split Complementary Color

#a21fcf
```
#a21fcf rgb(162,31,207)
```
#cfa21f
```
#cfa21f rgb(207,162,31)
```
#1fcfa2
```
#1fcfa2 rgb(31,207,162)
```

Triadic Color

#cf1f4c
```
#cf1f4c rgb(207,31,76)
```
#cfa21f
```
#cfa21f rgb(207,162,31)
```
#1fcfa2
```
#1fcfa2 rgb(31,207,162)
```
#1f4ccf
```
#1f4ccf rgb(31,76,207)
```

Tetradic Color

#8c6e15
```
#8c6e15 rgb(140,110,21)
```
#a37f18
```
#a37f18 rgb(163,127,24)
```
#b9911c
```
#b9911c rgb(185,145,28)
```
#cfa21f
```
#cfa21f rgb(207,162,31)
```
#dfb029
```
#dfb029 rgb(223,176,41)
```
#e2b83f
```
#e2b83f rgb(226,184,63)
```
#e6c155
```
#e6c155 rgb(230,193,85)
```

Monochromatic Color

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

#cf761f
```
#cf761f rgb(207,118,31)
```
#cf851f
```
#cf851f rgb(207,133,31)
```
#cf931f
```
#cf931f rgb(207,147,31)
```
#cfa21f
```
#cfa21f rgb(207,162,31)
```
#cfb11f
```
#cfb11f rgb(207,177,31)
```
#cfbf1f
```
#cfbf1f rgb(207,191,31)
```
#cfce1f
```
#cfce1f rgb(207,206,31)
```

Similar Colors

Text with hexadecimal color #cfa21f

This text has a font color of #cfa21f.

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

#cfa21f background color

This paragraph has a background color of #cfa21f.

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

#cfa21f border color

This element has a border color of #cfa21f.

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

CSS codes

.text {color:#cfa21f;}

.background {background-color:#cfa21f;}

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

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 #fdfaf0 is the lightest one.

#020200
```
#020200 rgb(2,2,0)
```
#130f03
```
#130f03 rgb(19,15,3)
```
#241c05
```
#241c05 rgb(36,28,5)
```
#352a08
```
#352a08 rgb(53,42,8)
```
#47370b
```
#47370b rgb(71,55,11)
```
#58450d
```
#58450d rgb(88,69,13)
```
#695210
```
#695210 rgb(105,82,16)
```
#7a5f12
```
#7a5f12 rgb(122,95,18)
```
#8b6d15
```
#8b6d15 rgb(139,109,21)
```
#9c7a17
```
#9c7a17 rgb(156,122,23)
```
#ad871a
```
#ad871a rgb(173,135,26)
```
#be951c
```
#be951c rgb(190,149,28)
```
#cfa21f
```
#cfa21f rgb(207,162,31)
```

Shade Color Variation

#deae23
```
#deae23 rgb(222,174,35)
```
#e1b535
```
#e1b535 rgb(225,181,53)
```
#e3bb46
```
#e3bb46 rgb(227,187,70)
```
#e6c157
```
#e6c157 rgb(230,193,87)
```
#e8c768
```
#e8c768 rgb(232,199,104)
```
#ebce79
```
#ebce79 rgb(235,206,121)
```
#edd48a
```
#edd48a rgb(237,212,138)
```
#f0da9b
```
#f0da9b rgb(240,218,155)
```
#f3e1ac
```
#f3e1ac rgb(243,225,172)
```
#f5e7bd
```
#f5e7bd rgb(245,231,189)
```
#f8edce
```
#f8edce rgb(248,237,206)
```
#faf3df
```
#faf3df rgb(250,243,223)
```
#fdfaf0
```
#fdfaf0 rgb(253,250,240)
```

Tint Color Variation

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

#7d7a71
```
#7d7a71 rgb(125,122,113)
```
#867e68
```
#867e68 rgb(134,126,104)
```
#8f835f
```
#8f835f rgb(143,131,95)
```
#988756
```
#988756 rgb(152,135,86)
```
#a18c4d
```
#a18c4d rgb(161,140,77)
```
#aa9044
```
#aa9044 rgb(170,144,68)
```
#b4953a
```
#b4953a rgb(180,149,58)
```
#bd9931
```
#bd9931 rgb(189,153,49)
```
#c69e28
```
#c69e28 rgb(198,158,40)
```
#cfa21f
```
#cfa21f rgb(207,162,31)
```
#d8a616
```
#d8a616 rgb(216,166,22)
```
#e1ab0d
```
#e1ab0d rgb(225,171,13)
```
#eaaf04
```
#eaaf04 rgb(234,175,4)
```

Tone Color Variation

Below, you can see how #cfa21f 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
#aaa187 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1ac2c Protanopia 1% of men
#d7a42c Deuteranopia 1% of men
#d99ca6 Tritanopia 0.001% of the population

Trichromacy

#c6a827 Protanomaly 1% of men, 0.01% of women
#d4a327 Deuteranomaly 6% of men, 0.4% of women
#d59e75 Tritanomaly 0.01% of the population