#afa214 hex color

In a RGB color space, hex #afa214 is composed of 68.6% red, 63.5% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 7.4% magenta, 88.6% yellow and 31.4% black. It has a hue angle of 55 degrees, a saturation of 79.5% and a lightness of 38.2%. #afa214 color hex could be obtained by blending #ffff28 with #5f4500. Closest websafe color is: #999900.

♥
- f
- t
- g
- R 69
- G 64
- B 8
RGB color chart
- C 0
- M 7
- Y 89
- K 31
CMYK color chart

● #afa214 color description : Dark yellow [Olive tone].

The hexadecimal color #afa214 has RGB values of R:175, G:162, B:20 and CMYK values of C:0, M:0.07, Y:0.89, K:0.31. Its decimal value is 11510292.

Hex triplet	afa214	`#afa214`
RGB Decimal	175, 162, 20	`rgb(175,162,20)`
RGB Percent	68.6, 63.5, 7.8	`rgb(68.6%,63.5%,7.8%)`
CMYK	0, 7, 89, 31
HSL	55°, 79.5, 38.2	`hsl(55,79.5%,38.2%)`
HSV (or HSB)	55°, 88.6, 68.6
Web Safe	999900	`#999900`

CIE-LAB	65.753, -9.228, 65.701
XYZ	30.726, 35.006, 5.8
xyY	0.43, 0.489, 35.006
CIE-LCH	65.753, 66.346, 97.995
CIE-LUV	65.753, 14.165, 69.485
Hunter-Lab	59.166, -10.842, 35.604
Binary	10101111, 10100010, 00010100

#afa214
```
#afa214 rgb(175,162,20)
```
#1421af
```
#1421af rgb(20,33,175)
```

Complementary Color

#af5514
```
#af5514 rgb(175,85,20)
```
#afa214
```
#afa214 rgb(175,162,20)
```
#6faf14
```
#6faf14 rgb(111,175,20)
```

Analogous Color

#5514af
```
#5514af rgb(85,20,175)
```
#afa214
```
#afa214 rgb(175,162,20)
```
#146faf
```
#146faf rgb(20,111,175)
```

Split Complementary Color

#a214af
```
#a214af rgb(162,20,175)
```
#afa214
```
#afa214 rgb(175,162,20)
```
#14afa2
```
#14afa2 rgb(20,175,162)
```

Triadic Color

#af1421
```
#af1421 rgb(175,20,33)
```
#afa214
```
#afa214 rgb(175,162,20)
```
#14afa2
```
#14afa2 rgb(20,175,162)
```
#1421af
```
#1421af rgb(20,33,175)
```

Tetradic Color

#6a620c
```
#6a620c rgb(106,98,12)
```
#81780f
```
#81780f rgb(129,120,15)
```
#988d11
```
#988d11 rgb(152,141,17)
```
#afa214
```
#afa214 rgb(175,162,20)
```
#c6b717
```
#c6b717 rgb(198,183,23)
```
#ddcc19
```
#ddcc19 rgb(221,204,25)
```
#e7d729
```
#e7d729 rgb(231,215,41)
```

Monochromatic Color

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

#af7b14
```
#af7b14 rgb(175,123,20)
```
#af8814
```
#af8814 rgb(175,136,20)
```
#af9514
```
#af9514 rgb(175,149,20)
```
#afa214
```
#afa214 rgb(175,162,20)
```
#afaf14
```
#afaf14 rgb(175,175,20)
```
#a2af14
```
#a2af14 rgb(162,175,20)
```
#95af14
```
#95af14 rgb(149,175,20)
```

Similar Colors

Text with hexadecimal color #afa214

This text has a font color of #afa214.

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

#afa214 background color

This paragraph has a background color of #afa214.

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

#afa214 border color

This element has a border color of #afa214.

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

CSS codes

.text {color:#afa214;}

.background {background-color:#afa214;}

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

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, #110f02 is the darkest color, while #fffffe is the lightest one.

#110f02
```
#110f02 rgb(17,15,2)
```
#222004
```
#222004 rgb(34,32,4)
```
#343006
```
#343006 rgb(52,48,6)
```
#454008
```
#454008 rgb(69,64,8)
```
#57510a
```
#57510a rgb(87,81,10)
```
#69610c
```
#69610c rgb(105,97,12)
```
#7a710e
```
#7a710e rgb(122,113,14)
```
#8c8110
```
#8c8110 rgb(140,129,16)
```
#9d9212
```
#9d9212 rgb(157,146,18)
```
#afa214
```
#afa214 rgb(175,162,20)
```
#c1b216
```
#c1b216 rgb(193,178,22)
```
#d2c318
```
#d2c318 rgb(210,195,24)
```
#e4d31a
```
#e4d31a rgb(228,211,26)
```

Shade Color Variation

#e7d72b
```
#e7d72b rgb(231,215,43)
```
#e9da3c
```
#e9da3c rgb(233,218,60)
```
#ebde4e
```
#ebde4e rgb(235,222,78)
```
#ede160
```
#ede160 rgb(237,225,96)
```
#efe471
```
#efe471 rgb(239,228,113)
```
#f1e883
```
#f1e883 rgb(241,232,131)
```
#f3eb94
```
#f3eb94 rgb(243,235,148)
```
#f5eea6
```
#f5eea6 rgb(245,238,166)
```
#f7f2b8
```
#f7f2b8 rgb(247,242,184)
```
#f9f5c9
```
#f9f5c9 rgb(249,245,201)
```
#fbf8db
```
#fbf8db rgb(251,248,219)
```
#fdfbec
```
#fdfbec rgb(253,251,236)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#64645f
```
#64645f rgb(100,100,95)
```
#6c6a58
```
#6c6a58 rgb(108,106,88)
```
#737050
```
#737050 rgb(115,112,80)
```
#7b7649
```
#7b7649 rgb(123,118,73)
```
#827d41
```
#827d41 rgb(130,125,65)
```
#8a833a
```
#8a833a rgb(138,131,58)
```
#918932
```
#918932 rgb(145,137,50)
```
#998f2b
```
#998f2b rgb(153,143,43)
```
#a09623
```
#a09623 rgb(160,150,35)
```
#a89c1c
```
#a89c1c rgb(168,156,28)
```
#afa214
```
#afa214 rgb(175,162,20)
```
#b7a80d
```
#b7a80d rgb(183,168,13)
```
#beae05
```
#beae05 rgb(190,174,5)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#9b987c Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8a51f Protanopia 1% of men
#cd9c28 Deuteranopia 1% of men
#bd9ba6 Tritanopia 0.001% of the population

Trichromacy

#b5a31b Protanomaly 1% of men, 0.01% of women
#c29e20 Deuteranomaly 6% of men, 0.4% of women
#b89e71 Tritanomaly 0.01% of the population

#afa214 hex color

#afa214 Color Information

#afa214 Color Conversion

Color Schemes with #afa214

Alternatives to #afa214

#afa214 Preview

Shades and Tints of #afa214

Tones of #afa214

Color Blindness Simulator