#afb308 hex color

In a RGB color space, hex #afb308 is composed of 68.6% red, 70.2% green and 3.1% blue. Whereas in a CMYK color space, it is composed of 2.2% cyan, 0% magenta, 95.5% yellow and 29.8% black. It has a hue angle of 61.4 degrees, a saturation of 91.4% and a lightness of 36.7%. #afb308 color hex could be obtained by blending #ffff10 with #5f6700. Closest websafe color is: #99cc00.

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

● #afb308 color description : Strong yellow.

The hexadecimal color #afb308 has RGB values of R:175, G:179, B:8 and CMYK values of C:0.02, M:0, Y:0.96, K:0.3. Its decimal value is 11514632.

Hex triplet	afb308	`#afb308`
RGB Decimal	175, 179, 8	`rgb(175,179,8)`
RGB Percent	68.6, 70.2, 3.1	`rgb(68.6%,70.2%,3.1%)`
CMYK	2, 0, 96, 30
HSL	61.4°, 91.4, 36.7	`hsl(61.4,91.4%,36.7%)`
HSV (or HSB)	61.4°, 95.5, 70.2
Web Safe	99cc00	`#99cc00`

CIE-LAB	70.436, -18.179, 71.133
XYZ	33.843, 41.372, 6.433
xyY	0.415, 0.507, 41.372
CIE-LCH	70.436, 73.419, 104.336
CIE-LUV	70.436, 2.832, 77.225
Hunter-Lab	64.321, -18.643, 39.095
Binary	10101111, 10110011, 00001000

#afb308
```
#afb308 rgb(175,179,8)
```
#0c08b3
```
#0c08b3 rgb(12,8,179)
```

Complementary Color

#b36208
```
#b36208 rgb(179,98,8)
```
#afb308
```
#afb308 rgb(175,179,8)
```
#5ab308
```
#5ab308 rgb(90,179,8)
```

Analogous Color

#6208b3
```
#6208b3 rgb(98,8,179)
```
#afb308
```
#afb308 rgb(175,179,8)
```
#0859b3
```
#0859b3 rgb(8,89,179)
```

Split Complementary Color

#b308af
```
#b308af rgb(179,8,175)
```
#afb308
```
#afb308 rgb(175,179,8)
```
#08afb3
```
#08afb3 rgb(8,175,179)
```

Triadic Color

#b30c08
```
#b30c08 rgb(179,12,8)
```
#afb308
```
#afb308 rgb(175,179,8)
```
#08afb3
```
#08afb3 rgb(8,175,179)
```
#0c08b3
```
#0c08b3 rgb(12,8,179)
```

Tetradic Color

#676a05
```
#676a05 rgb(103,106,5)
```
#7f8206
```
#7f8206 rgb(127,130,6)
```
#979b07
```
#979b07 rgb(151,155,7)
```
#afb308
```
#afb308 rgb(175,179,8)
```
#c7cb09
```
#c7cb09 rgb(199,203,9)
```
#dfe40a
```
#dfe40a rgb(223,228,10)
```
#eff413
```
#eff413 rgb(239,244,19)
```

Monochromatic Color

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

#b38c08
```
#b38c08 rgb(179,140,8)
```
#b39b08
```
#b39b08 rgb(179,155,8)
```
#b3a908
```
#b3a908 rgb(179,169,8)
```
#afb308
```
#afb308 rgb(175,179,8)
```
#a1b308
```
#a1b308 rgb(161,179,8)
```
#93b308
```
#93b308 rgb(147,179,8)
```
#84b308
```
#84b308 rgb(132,179,8)
```

Similar Colors

Text with hexadecimal color #afb308

This text has a font color of #afb308.

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

#afb308 background color

This paragraph has a background color of #afb308.

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

#afb308 border color

This element has a border color of #afb308.

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

CSS codes

.text {color:#afb308;}

.background {background-color:#afb308;}

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

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, #0a0a00 is the darkest color, while #fefff6 is the lightest one.

#0a0a00
```
#0a0a00 rgb(10,10,0)
```
#1c1d01
```
#1c1d01 rgb(28,29,1)
```
#2f3002
```
#2f3002 rgb(47,48,2)
```
#414203
```
#414203 rgb(65,66,3)
```
#535504
```
#535504 rgb(83,85,4)
```
#666805
```
#666805 rgb(102,104,5)
```
#787b05
```
#787b05 rgb(120,123,5)
```
#8a8d06
```
#8a8d06 rgb(138,141,6)
```
#9da007
```
#9da007 rgb(157,160,7)
```
#afb308
```
#afb308 rgb(175,179,8)
```
#c1c609
```
#c1c609 rgb(193,198,9)
```
#d4d90a
```
#d4d90a rgb(212,217,10)
```
#e6eb0b
```
#e6eb0b rgb(230,235,11)
```

Shade Color Variation

#eff515
```
#eff515 rgb(239,245,21)
```
#f1f528
```
#f1f528 rgb(241,245,40)
```
#f2f63a
```
#f2f63a rgb(242,246,58)
```
#f3f74d
```
#f3f74d rgb(243,247,77)
```
#f4f860
```
#f4f860 rgb(244,248,96)
```
#f6f973
```
#f6f973 rgb(246,249,115)
```
#f7fa86
```
#f7fa86 rgb(247,250,134)
```
#f8fa98
```
#f8fa98 rgb(248,250,152)
```
#f9fbab
```
#f9fbab rgb(249,251,171)
```
#fbfcbe
```
#fbfcbe rgb(251,252,190)
```
#fcfdd1
```
#fcfdd1 rgb(252,253,209)
```
#fdfee3
```
#fdfee3 rgb(253,254,227)
```
#fefff6
```
#fefff6 rgb(254,255,246)
```

Tint Color Variation

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

#646457
```
#646457 rgb(100,100,87)
```
#6a6b50
```
#6a6b50 rgb(106,107,80)
```
#717249
```
#717249 rgb(113,114,73)
```
#787942
```
#787942 rgb(120,121,66)
```
#7f813a
```
#7f813a rgb(127,129,58)
```
#868833
```
#868833 rgb(134,136,51)
```
#8d8f2c
```
#8d8f2c rgb(141,143,44)
```
#949625
```
#949625 rgb(148,150,37)
```
#9a9d1e
```
#9a9d1e rgb(154,157,30)
```
#a1a516
```
#a1a516 rgb(161,165,22)
```
#a8ac0f
```
#a8ac0f rgb(168,172,15)
```
#afb308
```
#afb308 rgb(175,179,8)
```
#b6ba01
```
#b6ba01 rgb(182,186,1)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#a1a280 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6b011 Protanopia 1% of men
#dca826 Deuteranopia 1% of men
#c0aab6 Tritanopia 0.001% of the population

Trichromacy

#bdb10e Protanomaly 1% of men, 0.01% of women
#cbac1b Deuteranomaly 6% of men, 0.4% of women
#b9ad77 Tritanomaly 0.01% of the population

#afb308 hex color

#afb308 Color Information

#afb308 Color Conversion

Color Schemes with #afb308

Alternatives to #afb308

#afb308 Preview

Shades and Tints of #afb308

Tones of #afb308

Color Blindness Simulator