#afa215 hex color

In a RGB color space, hex #afa215 is composed of 68.6% red, 63.5% green and 8.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 7.4% magenta, 88% yellow and 31.4% black. It has a hue angle of 54.9 degrees, a saturation of 78.6% and a lightness of 38.4%. #afa215 color hex could be obtained by blending #ffff2a with #5f4500. Closest websafe color is: #999900.

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

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

The hexadecimal color #afa215 has RGB values of R:175, G:162, B:21 and CMYK values of C:0, M:0.07, Y:0.88, K:0.31. Its decimal value is 11510293.

Hex triplet	afa215	`#afa215`
RGB Decimal	175, 162, 21	`rgb(175,162,21)`
RGB Percent	68.6, 63.5, 8.2	`rgb(68.6%,63.5%,8.2%)`
CMYK	0, 7, 88, 31
HSL	54.9°, 78.6, 38.4	`hsl(54.9,78.6%,38.4%)`
HSV (or HSB)	54.9°, 88, 68.6
Web Safe	999900	`#999900`

CIE-LAB	65.756, -9.207, 65.5
XYZ	30.735, 35.01, 5.848
xyY	0.429, 0.489, 35.01
CIE-LCH	65.756, 66.143, 98.001
CIE-LUV	65.756, 14.154, 69.367
Hunter-Lab	59.169, -10.824, 35.558
Binary	10101111, 10100010, 00010101

#afa215
```
#afa215 rgb(175,162,21)
```
#1522af
```
#1522af rgb(21,34,175)
```

Complementary Color

#af5515
```
#af5515 rgb(175,85,21)
```
#afa215
```
#afa215 rgb(175,162,21)
```
#6faf15
```
#6faf15 rgb(111,175,21)
```

Analogous Color

#5515af
```
#5515af rgb(85,21,175)
```
#afa215
```
#afa215 rgb(175,162,21)
```
#156faf
```
#156faf rgb(21,111,175)
```

Split Complementary Color

#a215af
```
#a215af rgb(162,21,175)
```
#afa215
```
#afa215 rgb(175,162,21)
```
#15afa2
```
#15afa2 rgb(21,175,162)
```

Triadic Color

#af1522
```
#af1522 rgb(175,21,34)
```
#afa215
```
#afa215 rgb(175,162,21)
```
#15afa2
```
#15afa2 rgb(21,175,162)
```
#1522af
```
#1522af rgb(21,34,175)
```

Tetradic Color

#6b630d
```
#6b630d rgb(107,99,13)
```
#817810
```
#817810 rgb(129,120,16)
```
#988d12
```
#988d12 rgb(152,141,18)
```
#afa215
```
#afa215 rgb(175,162,21)
```
#c6b718
```
#c6b718 rgb(198,183,24)
```
#ddcc1a
```
#ddcc1a rgb(221,204,26)
```
#e6d62b
```
#e6d62b rgb(230,214,43)
```

Monochromatic Color

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

#af7c15
```
#af7c15 rgb(175,124,21)
```
#af8815
```
#af8815 rgb(175,136,21)
```
#af9515
```
#af9515 rgb(175,149,21)
```
#afa215
```
#afa215 rgb(175,162,21)
```
#afaf15
```
#afaf15 rgb(175,175,21)
```
#a2af15
```
#a2af15 rgb(162,175,21)
```
#96af15
```
#96af15 rgb(150,175,21)
```

Similar Colors

Text with hexadecimal color #afa215

This text has a font color of #afa215.

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

#afa215 background color

This paragraph has a background color of #afa215.

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

#afa215 border color

This element has a border color of #afa215.

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

CSS codes

.text {color:#afa215;}

.background {background-color:#afa215;}

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

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

#111002
```
#111002 rgb(17,16,2)
```
#232004
```
#232004 rgb(35,32,4)
```
#343106
```
#343106 rgb(52,49,6)
```
#464108
```
#464108 rgb(70,65,8)
```
#57510a
```
#57510a rgb(87,81,10)
```
#69610d
```
#69610d rgb(105,97,13)
```
#7a710f
```
#7a710f rgb(122,113,15)
```
#8c8211
```
#8c8211 rgb(140,130,17)
```
#9d9213
```
#9d9213 rgb(157,146,19)
```
#afa215
```
#afa215 rgb(175,162,21)
```
#c1b217
```
#c1b217 rgb(193,178,23)
```
#d2c219
```
#d2c219 rgb(210,194,25)
```
#e4d31b
```
#e4d31b rgb(228,211,27)
```

Shade Color Variation

#e6d62d
```
#e6d62d rgb(230,214,45)
```
#e8da3e
```
#e8da3e rgb(232,218,62)
```
#eadd50
```
#eadd50 rgb(234,221,80)
```
#ece061
```
#ece061 rgb(236,224,97)
```
#eee473
```
#eee473 rgb(238,228,115)
```
#f0e784
```
#f0e784 rgb(240,231,132)
```
#f2eb96
```
#f2eb96 rgb(242,235,150)
```
#f4eea7
```
#f4eea7 rgb(244,238,167)
```
#f7f1b9
```
#f7f1b9 rgb(247,241,185)
```
#f9f5ca
```
#f9f5ca rgb(249,245,202)
```
#fbf8dc
```
#fbf8dc rgb(251,248,220)
```
#fdfced
```
#fdfced rgb(253,252,237)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#646360
```
#646360 rgb(100,99,96)
```
#6b6a59
```
#6b6a59 rgb(107,106,89)
```
#737051
```
#737051 rgb(115,112,81)
```
#7a764a
```
#7a764a rgb(122,118,74)
```
#827c42
```
#827c42 rgb(130,124,66)
```
#89833b
```
#89833b rgb(137,131,59)
```
#918933
```
#918933 rgb(145,137,51)
```
#988f2c
```
#988f2c rgb(152,143,44)
```
#a09524
```
#a09524 rgb(160,149,36)
```
#a79c1d
```
#a79c1d rgb(167,156,29)
```
#afa215
```
#afa215 rgb(175,162,21)
```
#b7a80d
```
#b7a80d rgb(183,168,13)
```
#beaf06
```
#beaf06 rgb(190,175,6)
```

Tone Color Variation

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

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

Trichromacy

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

#afa215 hex color

#afa215 Color Information

#afa215 Color Conversion

Color Schemes with #afa215

Alternatives to #afa215

#afa215 Preview

Shades and Tints of #afa215

Tones of #afa215

Color Blindness Simulator