#afb02f hex color

In a RGB color space, hex #afb02f is composed of 68.6% red, 69% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0.6% cyan, 0% magenta, 73.3% yellow and 31% black. It has a hue angle of 60.5 degrees, a saturation of 57.8% and a lightness of 43.7%. #afb02f color hex could be obtained by blending #ffff5e with #5f6100. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 69
- G 69
- B 18
RGB color chart
- C 1
- M 0
- Y 73
- K 31
CMYK color chart

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

The hexadecimal color #afb02f has RGB values of R:175, G:176, B:47 and CMYK values of C:0.01, M:0, Y:0.73, K:0.31. Its decimal value is 11513903.

Hex triplet	afb02f	`#afb02f`
RGB Decimal	175, 176, 47	`rgb(175,176,47)`
RGB Percent	68.6, 69, 18.4	`rgb(68.6%,69%,18.4%)`
CMYK	1, 0, 73, 31
HSL	60.5°, 57.8, 43.7	`hsl(60.5,57.8%,43.7%)`
HSV (or HSB)	60.5°, 73.3, 69
Web Safe	999933	`#999933`

CIE-LAB	69.733, -15.586, 61.655
XYZ	33.718, 40.37, 8.705
xyY	0.407, 0.488, 40.37
CIE-LCH	69.733, 63.594, 104.187
CIE-LUV	69.733, 4.401, 70.446
Hunter-Lab	63.538, -16.466, 36.353
Binary	10101111, 10110000, 00101111

#afb02f
```
#afb02f rgb(175,176,47)
```
#302fb0
```
#302fb0 rgb(48,47,176)
```

Complementary Color

#b0712f
```
#b0712f rgb(176,113,47)
```
#afb02f
```
#afb02f rgb(175,176,47)
```
#6fb02f
```
#6fb02f rgb(111,176,47)
```

Analogous Color

#712fb0
```
#712fb0 rgb(113,47,176)
```
#afb02f
```
#afb02f rgb(175,176,47)
```
#2f6fb0
```
#2f6fb0 rgb(47,111,176)
```

Split Complementary Color

#b02faf
```
#b02faf rgb(176,47,175)
```
#afb02f
```
#afb02f rgb(175,176,47)
```
#2fafb0
```
#2fafb0 rgb(47,175,176)
```

Triadic Color

#b0302f
```
#b0302f rgb(176,48,47)
```
#afb02f
```
#afb02f rgb(175,176,47)
```
#2fafb0
```
#2fafb0 rgb(47,175,176)
```
#302fb0
```
#302fb0 rgb(48,47,176)
```

Tetradic Color

#73741f
```
#73741f rgb(115,116,31)
```
#878824
```
#878824 rgb(135,136,36)
```
#9b9c2a
```
#9b9c2a rgb(155,156,42)
```
#afb02f
```
#afb02f rgb(175,176,47)
```
#c3c434
```
#c3c434 rgb(195,196,52)
```
#cccd45
```
#cccd45 rgb(204,205,69)
```
#d2d359
```
#d2d359 rgb(210,211,89)
```

Monochromatic Color

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

#b0912f
```
#b0912f rgb(176,145,47)
```
#b09c2f
```
#b09c2f rgb(176,156,47)
```
#b0a62f
```
#b0a62f rgb(176,166,47)
```
#afb02f
```
#afb02f rgb(175,176,47)
```
#a4b02f
```
#a4b02f rgb(164,176,47)
```
#9ab02f
```
#9ab02f rgb(154,176,47)
```
#8fb02f
```
#8fb02f rgb(143,176,47)
```

Similar Colors

Text with hexadecimal color #afb02f

This text has a font color of #afb02f.

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

#afb02f background color

This paragraph has a background color of #afb02f.

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

#afb02f border color

This element has a border color of #afb02f.

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

CSS codes

.text {color:#afb02f;}

.background {background-color:#afb02f;}

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

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

#060602
```
#060602 rgb(6,6,2)
```
#151506
```
#151506 rgb(21,21,6)
```
#24250a
```
#24250a rgb(36,37,10)
```
#34340e
```
#34340e rgb(52,52,14)
```
#434412
```
#434412 rgb(67,68,18)
```
#535316
```
#535316 rgb(83,83,22)
```
#62631a
```
#62631a rgb(98,99,26)
```
#71721e
```
#71721e rgb(113,114,30)
```
#818223
```
#818223 rgb(129,130,35)
```
#909127
```
#909127 rgb(144,145,39)
```
#a0a12b
```
#a0a12b rgb(160,161,43)
```
#afb02f
```
#afb02f rgb(175,176,47)
```
#bebf33
```
#bebf33 rgb(190,191,51)
```

Shade Color Variation

#cacb3b
```
#cacb3b rgb(202,203,59)
```
#cecf4b
```
#cecf4b rgb(206,207,75)
```
#d2d35a
```
#d2d35a rgb(210,211,90)
```
#d6d76a
```
#d6d76a rgb(214,215,106)
```
#dbdb79
```
#dbdb79 rgb(219,219,121)
```
#dfdf89
```
#dfdf89 rgb(223,223,137)
```
#e3e498
```
#e3e498 rgb(227,228,152)
```
#e7e8a8
```
#e7e8a8 rgb(231,232,168)
```
#ebecb7
```
#ebecb7 rgb(235,236,183)
```
#f0f0c7
```
#f0f0c7 rgb(240,240,199)
```
#f4f4d6
```
#f4f4d6 rgb(244,244,214)
```
#f8f8e6
```
#f8f8e6 rgb(248,248,230)
```
#fcfcf5
```
#fcfcf5 rgb(252,252,245)
```

Tint Color Variation

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

#74746b
```
#74746b rgb(116,116,107)
```
#7c7d62
```
#7c7d62 rgb(124,125,98)
```
#85855a
```
#85855a rgb(133,133,90)
```
#8d8e51
```
#8d8e51 rgb(141,142,81)
```
#969649
```
#969649 rgb(150,150,73)
```
#9e9f40
```
#9e9f40 rgb(158,159,64)
```
#a7a738
```
#a7a738 rgb(167,167,56)
```
#afb02f
```
#afb02f rgb(175,176,47)
```
#b7b926
```
#b7b926 rgb(183,185,38)
```
#c0c11e
```
#c0c11e rgb(192,193,30)
```
#c8ca15
```
#c8ca15 rgb(200,202,21)
```
#d1d20d
```
#d1d20d rgb(209,210,13)
```
#d9db04
```
#d9db04 rgb(217,219,4)
```

Tone Color Variation

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

Dichromacy

#c3af38 Protanopia 1% of men
#d8a640 Deuteranopia 1% of men
#bfa8b4 Tritanopia 0.001% of the population

Trichromacy

#bbaf35 Protanomaly 1% of men, 0.01% of women
#c9aa3a Deuteranomaly 6% of men, 0.4% of women
#b9ab84 Tritanomaly 0.01% of the population

#afb02f hex color

#afb02f Color Information

#afb02f Color Conversion

Color Schemes with #afb02f

Alternatives to #afb02f

#afb02f Preview

Shades and Tints of #afb02f

Tones of #afb02f

Color Blindness Simulator