#afb216 hex color

In a RGB color space, hex #afb216 is composed of 68.6% red, 69.8% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 1.7% cyan, 0% magenta, 87.6% yellow and 30.2% black. It has a hue angle of 61.2 degrees, a saturation of 78% and a lightness of 39.2%. #afb216 color hex could be obtained by blending #ffff2c with #5f6500. Closest websafe color is: #999900.

♥
- f
- t
- g
- R 69
- G 70
- B 9
RGB color chart
- C 2
- M 0
- Y 88
- K 30
CMYK color chart

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

The hexadecimal color #afb216 has RGB values of R:175, G:178, B:22 and CMYK values of C:0.02, M:0, Y:0.88, K:0.3. Its decimal value is 11514390.

Hex triplet	afb216	`#afb216`
RGB Decimal	175, 178, 22	`rgb(175,178,22)`
RGB Percent	68.6, 69.8, 8.6	`rgb(68.6%,69.8%,8.6%)`
CMYK	2, 0, 88, 30
HSL	61.2°, 78, 39.2	`hsl(61.2,78%,39.2%)`
HSV (or HSB)	61.2°, 87.6, 69.8
Web Safe	999900	`#999900`

CIE-LAB	70.185, -17.443, 68.867
XYZ	33.744, 41.013, 6.898
xyY	0.413, 0.502, 41.013
CIE-LCH	70.185, 71.041, 104.213
CIE-LUV	70.185, 3.403, 75.627
Hunter-Lab	64.042, -18.018, 38.443
Binary	10101111, 10110010, 00010110

#afb216
```
#afb216 rgb(175,178,22)
```
#1916b2
```
#1916b2 rgb(25,22,178)
```

Complementary Color

#b26716
```
#b26716 rgb(178,103,22)
```
#afb216
```
#afb216 rgb(175,178,22)
```
#61b216
```
#61b216 rgb(97,178,22)
```

Analogous Color

#6716b2
```
#6716b2 rgb(103,22,178)
```
#afb216
```
#afb216 rgb(175,178,22)
```
#1661b2
```
#1661b2 rgb(22,97,178)
```

Split Complementary Color

#b216af
```
#b216af rgb(178,22,175)
```
#afb216
```
#afb216 rgb(175,178,22)
```
#16afb2
```
#16afb2 rgb(22,175,178)
```

Triadic Color

#b21916
```
#b21916 rgb(178,25,22)
```
#afb216
```
#afb216 rgb(175,178,22)
```
#16afb2
```
#16afb2 rgb(22,175,178)
```
#1916b2
```
#1916b2 rgb(25,22,178)
```

Tetradic Color

#6c6e0e
```
#6c6e0e rgb(108,110,14)
```
#828510
```
#828510 rgb(130,133,16)
```
#999b13
```
#999b13 rgb(153,155,19)
```
#afb216
```
#afb216 rgb(175,178,22)
```
#c5c919
```
#c5c919 rgb(197,201,25)
```
#dcdf1c
```
#dcdf1c rgb(220,223,28)
```
#e2e52f
```
#e2e52f rgb(226,229,47)
```

Monochromatic Color

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

#b28e16
```
#b28e16 rgb(178,142,22)
```
#b29b16
```
#b29b16 rgb(178,155,22)
```
#b2a816
```
#b2a816 rgb(178,168,22)
```
#afb216
```
#afb216 rgb(175,178,22)
```
#a2b216
```
#a2b216 rgb(162,178,22)
```
#95b216
```
#95b216 rgb(149,178,22)
```
#88b216
```
#88b216 rgb(136,178,22)
```

Similar Colors

Text with hexadecimal color #afb216

This text has a font color of #afb216.

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

#afb216 background color

This paragraph has a background color of #afb216.

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

#afb216 border color

This element has a border color of #afb216.

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

CSS codes

.text {color:#afb216;}

.background {background-color:#afb216;}

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

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

#030300
```
#030300 rgb(3,3,0)
```
#151503
```
#151503 rgb(21,21,3)
```
#262605
```
#262605 rgb(38,38,5)
```
#373807
```
#373807 rgb(55,56,7)
```
#484909
```
#484909 rgb(72,73,9)
```
#595b0b
```
#595b0b rgb(89,91,11)
```
#6a6c0d
```
#6a6c0d rgb(106,108,13)
```
#7c7e10
```
#7c7e10 rgb(124,126,16)
```
#8d8f12
```
#8d8f12 rgb(141,143,18)
```
#9ea114
```
#9ea114 rgb(158,161,20)
```
#afb216
```
#afb216 rgb(175,178,22)
```
#c0c318
```
#c0c318 rgb(192,195,24)
```
#d1d51a
```
#d1d51a rgb(209,213,26)
```

Shade Color Variation

#e0e31f
```
#e0e31f rgb(224,227,31)
```
#e2e631
```
#e2e631 rgb(226,230,49)
```
#e5e842
```
#e5e842 rgb(229,232,66)
```
#e7ea54
```
#e7ea54 rgb(231,234,84)
```
#e9ec65
```
#e9ec65 rgb(233,236,101)
```
#ecee77
```
#ecee77 rgb(236,238,119)
```
#eef088
```
#eef088 rgb(238,240,136)
```
#f1f29a
```
#f1f29a rgb(241,242,154)
```
#f3f5ab
```
#f3f5ab rgb(243,245,171)
```
#f6f7bd
```
#f6f7bd rgb(246,247,189)
```
#f8f9ce
```
#f8f9ce rgb(248,249,206)
```
#fbfbe0
```
#fbfbe0 rgb(251,251,224)
```
#fdfdf1
```
#fdfdf1 rgb(253,253,241)
```

Tint Color Variation

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

#656563
```
#656563 rgb(101,101,99)
```
#6c6d5b
```
#6c6d5b rgb(108,109,91)
```
#747454
```
#747454 rgb(116,116,84)
```
#7b7c4c
```
#7b7c4c rgb(123,124,76)
```
#838444
```
#838444 rgb(131,132,68)
```
#8a8c3c
```
#8a8c3c rgb(138,140,60)
```
#919335
```
#919335 rgb(145,147,53)
```
#999b2d
```
#999b2d rgb(153,155,45)
```
#a0a325
```
#a0a325 rgb(160,163,37)
```
#a8aa1e
```
#a8aa1e rgb(168,170,30)
```
#afb216
```
#afb216 rgb(175,178,22)
```
#b6ba0e
```
#b6ba0e rgb(182,186,14)
```
#bec107
```
#bec107 rgb(190,193,7)
```

Tone Color Variation

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

Dichromacy

#c5b020 Protanopia 1% of men
#dba72d Deuteranopia 1% of men
#bfaab6 Tritanopia 0.001% of the population

Trichromacy

#bdb01c Protanomaly 1% of men, 0.01% of women
#cbab25 Deuteranomaly 6% of men, 0.4% of women
#b9ac7b Tritanomaly 0.01% of the population

#afb216 hex color

#afb216 Color Information

#afb216 Color Conversion

Color Schemes with #afb216

Alternatives to #afb216

#afb216 Preview

Shades and Tints of #afb216

Tones of #afb216

Color Blindness Simulator