colorhexa.com

#afb02b hex color

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

- R 69
- G 69
- B 17
RGB color chart
- C 1
- M 0
- Y 76
- K 31
CMYK color chart

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

The hexadecimal color #afb02b has RGB values of R:175, G:176, B:43 and CMYK values of C:0.01, M:0, Y:0.76, K:0.31. Its decimal value is 11513899.

Hex triplet	afb02b	`#afb02b`
RGB Decimal	175, 176, 43	`rgb(175,176,43)`
RGB Percent	68.6, 69, 16.9	`rgb(68.6%,69%,16.9%)`
CMYK	1, 0, 76, 31
HSL	60.5°, 60.7, 42.9	`hsl(60.5,60.7%,42.9%)`
HSV (or HSB)	60.5°, 75.6, 69
Web Safe	999933	`#999933`

CIE-LAB	69.711, -15.762, 62.977
XYZ	33.641, 40.34, 8.3
xyY	0.409, 0.49, 40.34
CIE-LCH	69.711, 64.92, 104.051
CIE-LUV	69.711, 4.465, 71.355
Hunter-Lab	63.513, -16.604, 36.712
Binary	10101111, 10110000, 00101011

#afb02b
```
#afb02b rgb(175,176,43)
```
#2c2bb0
```
#2c2bb0 rgb(44,43,176)
```

Complementary Color

#b06f2b
```
#b06f2b rgb(176,111,43)
```
#afb02b
```
#afb02b rgb(175,176,43)
```
#6db02b
```
#6db02b rgb(109,176,43)
```

Analogous Color

#6f2bb0
```
#6f2bb0 rgb(111,43,176)
```
#afb02b
```
#afb02b rgb(175,176,43)
```
#2b6db0
```
#2b6db0 rgb(43,109,176)
```

Split Complementary Color

#b02baf
```
#b02baf rgb(176,43,175)
```
#afb02b
```
#afb02b rgb(175,176,43)
```
#2bafb0
```
#2bafb0 rgb(43,175,176)
```

Triadic Color

#b02c2b
```
#b02c2b rgb(176,44,43)
```
#afb02b
```
#afb02b rgb(175,176,43)
```
#2bafb0
```
#2bafb0 rgb(43,175,176)
```
#2c2bb0
```
#2c2bb0 rgb(44,43,176)
```

Tetradic Color

#72731c
```
#72731c rgb(114,115,28)
```
#868721
```
#868721 rgb(134,135,33)
```
#9b9c26
```
#9b9c26 rgb(155,156,38)
```
#afb02b
```
#afb02b rgb(175,176,43)
```
#c3c430
```
#c3c430 rgb(195,196,48)
```
#cfd03e
```
#cfd03e rgb(207,208,62)
```
#d4d553
```
#d4d553 rgb(212,213,83)
```

Monochromatic Color

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

#b0902b
```
#b0902b rgb(176,144,43)
```
#b09b2b
```
#b09b2b rgb(176,155,43)
```
#b0a62b
```
#b0a62b rgb(176,166,43)
```
#afb02b
```
#afb02b rgb(175,176,43)
```
#a4b02b
```
#a4b02b rgb(164,176,43)
```
#99b02b
```
#99b02b rgb(153,176,43)
```
#8eb02b
```
#8eb02b rgb(142,176,43)
```

Similar Colors

Text with hexadecimal color #afb02b

This text has a font color of #afb02b.

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

#afb02b background color

This paragraph has a background color of #afb02b.

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

#afb02b border color

This element has a border color of #afb02b.

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

CSS codes

.text {color:#afb02b;}

.background {background-color:#afb02b;}

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

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

#030301
```
#030301 rgb(3,3,1)
```
#121204
```
#121204 rgb(18,18,4)
```
#222208
```
#222208 rgb(34,34,8)
```
#32320c
```
#32320c rgb(50,50,12)
```
#414210
```
#414210 rgb(65,66,16)
```
#515114
```
#515114 rgb(81,81,20)
```
#616118
```
#616118 rgb(97,97,24)
```
#70711c
```
#70711c rgb(112,113,28)
```
#80811f
```
#80811f rgb(128,129,31)
```
#909023
```
#909023 rgb(144,144,35)
```
#9fa027
```
#9fa027 rgb(159,160,39)
```
#afb02b
```
#afb02b rgb(175,176,43)
```
#bfc02f
```
#bfc02f rgb(191,192,47)
```

Shade Color Variation

#ccce35
```
#ccce35 rgb(204,206,53)
```
#d0d144
```
#d0d144 rgb(208,209,68)
```
#d4d554
```
#d4d554 rgb(212,213,84)
```
#d8d964
```
#d8d964 rgb(216,217,100)
```
#dcdd74
```
#dcdd74 rgb(220,221,116)
```
#e0e183
```
#e0e183 rgb(224,225,131)
```
#e4e593
```
#e4e593 rgb(228,229,147)
```
#e8e9a3
```
#e8e9a3 rgb(232,233,163)
```
#ececb3
```
#ececb3 rgb(236,236,179)
```
#f0f0c3
```
#f0f0c3 rgb(240,240,195)
```
#f4f4d2
```
#f4f4d2 rgb(244,244,210)
```
#f8f8e2
```
#f8f8e2 rgb(248,248,226)
```
#fcfcf2
```
#fcfcf2 rgb(252,252,242)
```

Tint Color Variation

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

#757566
```
#757566 rgb(117,117,102)
```
#7d7d5e
```
#7d7d5e rgb(125,125,94)
```
#868655
```
#868655 rgb(134,134,85)
```
#8e8e4d
```
#8e8e4d rgb(142,142,77)
```
#969744
```
#969744 rgb(150,151,68)
```
#9e9f3c
```
#9e9f3c rgb(158,159,60)
```
#a7a833
```
#a7a833 rgb(167,168,51)
```
#afb02b
```
#afb02b rgb(175,176,43)
```
#b7b823
```
#b7b823 rgb(183,184,35)
```
#c0c11a
```
#c0c11a rgb(192,193,26)
```
#c8c912
```
#c8c912 rgb(200,201,18)
```
#d0d209
```
#d0d209 rgb(208,210,9)
```
#d8da01
```
#d8da01 rgb(216,218,1)
```

Tone Color Variation

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

Dichromacy

#c3af34 Protanopia 1% of men
#d8a63d Deuteranopia 1% of men
#bfa8b4 Tritanopia 0.001% of the population

Trichromacy

#bbaf31 Protanomaly 1% of men, 0.01% of women
#c9a936 Deuteranomaly 6% of men, 0.4% of women
#b9ab82 Tritanomaly 0.01% of the population