#afb02a hex color

In a RGB color space, hex #afb02a is composed of 68.6% red, 69% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0.6% cyan, 0% magenta, 76.1% yellow and 31% black. It has a hue angle of 60.4 degrees, a saturation of 61.5% and a lightness of 42.7%. #afb02a color hex could be obtained by blending #ffff54 with #5f6100. Closest websafe color is: #999933.

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

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

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

Hex triplet	afb02a	`#afb02a`
RGB Decimal	175, 176, 42	`rgb(175,176,42)`
RGB Percent	68.6, 69, 16.5	`rgb(68.6%,69%,16.5%)`
CMYK	1, 0, 76, 31
HSL	60.4°, 61.5, 42.7	`hsl(60.4,61.5%,42.7%)`
HSV (or HSB)	60.4°, 76.1, 69
Web Safe	999933	`#999933`

CIE-LAB	69.706, -15.803, 63.295
XYZ	33.622, 40.332, 8.204
xyY	0.409, 0.491, 40.332
CIE-LCH	69.706, 65.238, 104.019
CIE-LUV	69.706, 4.48, 71.569
Hunter-Lab	63.508, -16.636, 36.796
Binary	10101111, 10110000, 00101010

#afb02a
```
#afb02a rgb(175,176,42)
```
#2b2ab0
```
#2b2ab0 rgb(43,42,176)
```

Complementary Color

#b06e2a
```
#b06e2a rgb(176,110,42)
```
#afb02a
```
#afb02a rgb(175,176,42)
```
#6cb02a
```
#6cb02a rgb(108,176,42)
```

Analogous Color

#6e2ab0
```
#6e2ab0 rgb(110,42,176)
```
#afb02a
```
#afb02a rgb(175,176,42)
```
#2a6cb0
```
#2a6cb0 rgb(42,108,176)
```

Split Complementary Color

#b02aaf
```
#b02aaf rgb(176,42,175)
```
#afb02a
```
#afb02a rgb(175,176,42)
```
#2aafb0
```
#2aafb0 rgb(42,175,176)
```

Triadic Color

#b02b2a
```
#b02b2a rgb(176,43,42)
```
#afb02a
```
#afb02a rgb(175,176,42)
```
#2aafb0
```
#2aafb0 rgb(42,175,176)
```
#2b2ab0
```
#2b2ab0 rgb(43,42,176)
```

Tetradic Color

#72721b
```
#72721b rgb(114,114,27)
```
#868720
```
#868720 rgb(134,135,32)
```
#9b9b25
```
#9b9b25 rgb(155,155,37)
```
#afb02a
```
#afb02a rgb(175,176,42)
```
#c3c52f
```
#c3c52f rgb(195,197,47)
```
#cfd13c
```
#cfd13c rgb(207,209,60)
```
#d4d551
```
#d4d551 rgb(212,213,81)
```

Monochromatic Color

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

#b0902a
```
#b0902a rgb(176,144,42)
```
#b09b2a
```
#b09b2a rgb(176,155,42)
```
#b0a62a
```
#b0a62a rgb(176,166,42)
```
#afb02a
```
#afb02a rgb(175,176,42)
```
#a4b02a
```
#a4b02a rgb(164,176,42)
```
#99b02a
```
#99b02a rgb(153,176,42)
```
#8eb02a
```
#8eb02a rgb(142,176,42)
```

Similar Colors

Text with hexadecimal color #afb02a

This text has a font color of #afb02a.

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

#afb02a background color

This paragraph has a background color of #afb02a.

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

#afb02a border color

This element has a border color of #afb02a.

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

CSS codes

.text {color:#afb02a;}

.background {background-color:#afb02a;}

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

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

#020200
```
#020200 rgb(2,2,0)
```
#121204
```
#121204 rgb(18,18,4)
```
#212108
```
#212108 rgb(33,33,8)
```
#31310c
```
#31310c rgb(49,49,12)
```
#414110
```
#414110 rgb(65,65,16)
```
#515113
```
#515113 rgb(81,81,19)
```
#606117
```
#606117 rgb(96,97,23)
```
#70711b
```
#70711b rgb(112,113,27)
```
#80801f
```
#80801f rgb(128,128,31)
```
#909022
```
#909022 rgb(144,144,34)
```
#9fa026
```
#9fa026 rgb(159,160,38)
```
#afb02a
```
#afb02a rgb(175,176,42)
```
#bfc02e
```
#bfc02e rgb(191,192,46)
```

Shade Color Variation

#cdce33
```
#cdce33 rgb(205,206,51)
```
#d1d243
```
#d1d243 rgb(209,210,67)
```
#d5d653
```
#d5d653 rgb(213,214,83)
```
#d9da62
```
#d9da62 rgb(217,218,98)
```
#dddd72
```
#dddd72 rgb(221,221,114)
```
#e0e182
```
#e0e182 rgb(224,225,130)
```
#e4e592
```
#e4e592 rgb(228,229,146)
```
#e8e9a2
```
#e8e9a2 rgb(232,233,162)
```
#ecedb2
```
#ecedb2 rgb(236,237,178)
```
#f0f0c1
```
#f0f0c1 rgb(240,240,193)
```
#f4f4d1
```
#f4f4d1 rgb(244,244,209)
```
#f8f8e1
```
#f8f8e1 rgb(248,248,225)
```
#fcfcf1
```
#fcfcf1 rgb(252,252,241)
```

Tint Color Variation

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

#757565
```
#757565 rgb(117,117,101)
```
#7d7e5c
```
#7d7e5c rgb(125,126,92)
```
#868654
```
#868654 rgb(134,134,84)
```
#8e8e4c
```
#8e8e4c rgb(142,142,76)
```
#969743
```
#969743 rgb(150,151,67)
```
#9e9f3b
```
#9e9f3b rgb(158,159,59)
```
#a7a832
```
#a7a832 rgb(167,168,50)
```
#afb02a
```
#afb02a rgb(175,176,42)
```
#b7b822
```
#b7b822 rgb(183,184,34)
```
#c0c119
```
#c0c119 rgb(192,193,25)
```
#c8c911
```
#c8c911 rgb(200,201,17)
```
#d0d208
```
#d0d208 rgb(208,210,8)
```
#d8da00
```
#d8da00 rgb(216,218,0)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#a3a388 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3af33 Protanopia 1% of men
#d8a63c Deuteranopia 1% of men
#bfa8b4 Tritanopia 0.001% of the population

Trichromacy

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

#afb02a hex color

#afb02a Color Information

#afb02a Color Conversion

Color Schemes with #afb02a

Alternatives to #afb02a

#afb02a Preview

Shades and Tints of #afb02a

Tones of #afb02a

Color Blindness Simulator