#afb023 hex color

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

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

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

The hexadecimal color #afb023 has RGB values of R:175, G:176, B:35 and CMYK values of C:0.01, M:0, Y:0.8, K:0.31. Its decimal value is 11513891.

Hex triplet	afb023	`#afb023`
RGB Decimal	175, 176, 35	`rgb(175,176,35)`
RGB Percent	68.6, 69, 13.7	`rgb(68.6%,69%,13.7%)`
CMYK	1, 0, 80, 31
HSL	60.4°, 66.8, 41.4	`hsl(60.4,66.8%,41.4%)`
HSV (or HSB)	60.4°, 80.1, 69
Web Safe	999933	`#999933`

CIE-LAB	69.673, -16.065, 65.362
XYZ	33.508, 40.287, 7.601
xyY	0.412, 0.495, 40.287
CIE-LCH	69.673, 67.307, 103.809
CIE-LUV	69.673, 4.575, 72.93
Hunter-Lab	63.472, -16.842, 37.33
Binary	10101111, 10110000, 00100011

#afb023
```
#afb023 rgb(175,176,35)
```
#2423b0
```
#2423b0 rgb(36,35,176)
```

Complementary Color

#b06b23
```
#b06b23 rgb(176,107,35)
```
#afb023
```
#afb023 rgb(175,176,35)
```
#69b023
```
#69b023 rgb(105,176,35)
```

Analogous Color

#6b23b0
```
#6b23b0 rgb(107,35,176)
```
#afb023
```
#afb023 rgb(175,176,35)
```
#2369b0
```
#2369b0 rgb(35,105,176)
```

Split Complementary Color

#b023af
```
#b023af rgb(176,35,175)
```
#afb023
```
#afb023 rgb(175,176,35)
```
#23afb0
```
#23afb0 rgb(35,175,176)
```

Triadic Color

#b02423
```
#b02423 rgb(176,36,35)
```
#afb023
```
#afb023 rgb(175,176,35)
```
#23afb0
```
#23afb0 rgb(35,175,176)
```
#2423b0
```
#2423b0 rgb(36,35,176)
```

Tetradic Color

#707016
```
#707016 rgb(112,112,22)
```
#85851b
```
#85851b rgb(133,133,27)
```
#9a9b1f
```
#9a9b1f rgb(154,155,31)
```
#afb023
```
#afb023 rgb(175,176,35)
```
#c4c527
```
#c4c527 rgb(196,197,39)
```
#d5d630
```
#d5d630 rgb(213,214,48)
```
#d9da45
```
#d9da45 rgb(217,218,69)
```

Monochromatic Color

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

#b08e23
```
#b08e23 rgb(176,142,35)
```
#b09a23
```
#b09a23 rgb(176,154,35)
```
#b0a523
```
#b0a523 rgb(176,165,35)
```
#afb023
```
#afb023 rgb(175,176,35)
```
#a3b023
```
#a3b023 rgb(163,176,35)
```
#98b023
```
#98b023 rgb(152,176,35)
```
#8cb023
```
#8cb023 rgb(140,176,35)
```

Similar Colors

Text with hexadecimal color #afb023

This text has a font color of #afb023.

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

#afb023 background color

This paragraph has a background color of #afb023.

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

#afb023 border color

This element has a border color of #afb023.

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

CSS codes

.text {color:#afb023;}

.background {background-color:#afb023;}

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

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

#0c0c02
```
#0c0c02 rgb(12,12,2)
```
#1d1d06
```
#1d1d06 rgb(29,29,6)
```
#2d2d09
```
#2d2d09 rgb(45,45,9)
```
#3d3d0c
```
#3d3d0c rgb(61,61,12)
```
#4d4e0f
```
#4d4e0f rgb(77,78,15)
```
#5e5e13
```
#5e5e13 rgb(94,94,19)
```
#6e6f16
```
#6e6f16 rgb(110,111,22)
```
#7e7f19
```
#7e7f19 rgb(126,127,25)
```
#8e8f1c
```
#8e8f1c rgb(142,143,28)
```
#9fa020
```
#9fa020 rgb(159,160,32)
```
#afb023
```
#afb023 rgb(175,176,35)
```
#bfc026
```
#bfc026 rgb(191,192,38)
```
#d0d12a
```
#d0d12a rgb(208,209,42)
```

Shade Color Variation

#d6d737
```
#d6d737 rgb(214,215,55)
```
#d9da47
```
#d9da47 rgb(217,218,71)
```
#ddde57
```
#ddde57 rgb(221,222,87)
```
#e0e168
```
#e0e168 rgb(224,225,104)
```
#e3e478
```
#e3e478 rgb(227,228,120)
```
#e7e788
```
#e7e788 rgb(231,231,136)
```
#eaeb99
```
#eaeb99 rgb(234,235,153)
```
#edeea9
```
#edeea9 rgb(237,238,169)
```
#f1f1ba
```
#f1f1ba rgb(241,241,186)
```
#f4f4ca
```
#f4f4ca rgb(244,244,202)
```
#f7f8da
```
#f7f8da rgb(247,248,218)
```
#fbfbeb
```
#fbfbeb rgb(251,251,235)
```
#fefefb
```
#fefefb rgb(254,254,251)
```

Tint Color Variation

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

#6f6f64
```
#6f6f64 rgb(111,111,100)
```
#77775c
```
#77775c rgb(119,119,92)
```
#7f7f54
```
#7f7f54 rgb(127,127,84)
```
#87874c
```
#87874c rgb(135,135,76)
```
#8f9043
```
#8f9043 rgb(143,144,67)
```
#97983b
```
#97983b rgb(151,152,59)
```
#9fa033
```
#9fa033 rgb(159,160,51)
```
#a7a82b
```
#a7a82b rgb(167,168,43)
```
#afb023
```
#afb023 rgb(175,176,35)
```
#b7b81b
```
#b7b81b rgb(183,184,27)
```
#bfc013
```
#bfc013 rgb(191,192,19)
```
#c7c80b
```
#c7c80b rgb(199,200,11)
```
#cfd003
```
#cfd003 rgb(207,208,3)
```

Tone Color Variation

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

Dichromacy

#c3ae2d Protanopia 1% of men
#d9a636 Deuteranopia 1% of men
#bfa8b4 Tritanopia 0.001% of the population

Trichromacy

#bbaf29 Protanomaly 1% of men, 0.01% of women
#c9a92f Deuteranomaly 6% of men, 0.4% of women
#b9ab7f Tritanomaly 0.01% of the population

#afb023 hex color

#afb023 Color Information

#afb023 Color Conversion

Color Schemes with #afb023

Alternatives to #afb023

#afb023 Preview

Shades and Tints of #afb023

Tones of #afb023

Color Blindness Simulator