#afb23a hex color

In a RGB color space, hex #afb23a is composed of 68.6% red, 69.8% green and 22.7% blue. Whereas in a CMYK color space, it is composed of 1.7% cyan, 0% magenta, 67.4% yellow and 30.2% black. It has a hue angle of 61.5 degrees, a saturation of 50.8% and a lightness of 46.3%. #afb23a color hex could be obtained by blending #ffff74 with #5f6500. Closest websafe color is: #999933.

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

● #afb23a color description : Dark moderate yellow.

The hexadecimal color #afb23a has RGB values of R:175, G:178, B:58 and CMYK values of C:0.02, M:0, Y:0.67, K:0.3. Its decimal value is 11514426.

Hex triplet	afb23a	`#afb23a`
RGB Decimal	175, 178, 58	`rgb(175,178,58)`
RGB Percent	68.6, 69.8, 22.7	`rgb(68.6%,69.8%,22.7%)`
CMYK	2, 0, 67, 30
HSL	61.5°, 50.8, 46.3	`hsl(61.5,50.8%,46.3%)`
HSV (or HSB)	61.5°, 67.4, 69.8
Web Safe	999933	`#999933`

CIE-LAB	70.358, -16.038, 58.189
XYZ	34.363, 41.261, 10.157
xyY	0.401, 0.481, 41.261
CIE-LCH	70.358, 60.359, 105.409
CIE-LUV	70.358, 2.918, 68.39
Hunter-Lab	64.234, -16.919, 35.589
Binary	10101111, 10110010, 00111010

#afb23a
```
#afb23a rgb(175,178,58)
```
#3d3ab2
```
#3d3ab2 rgb(61,58,178)
```

Complementary Color

#b2793a
```
#b2793a rgb(178,121,58)
```
#afb23a
```
#afb23a rgb(175,178,58)
```
#73b23a
```
#73b23a rgb(115,178,58)
```

Analogous Color

#793ab2
```
#793ab2 rgb(121,58,178)
```
#afb23a
```
#afb23a rgb(175,178,58)
```
#3a73b2
```
#3a73b2 rgb(58,115,178)
```

Split Complementary Color

#b23aaf
```
#b23aaf rgb(178,58,175)
```
#afb23a
```
#afb23a rgb(175,178,58)
```
#3aafb2
```
#3aafb2 rgb(58,175,178)
```

Triadic Color

#b23d3a
```
#b23d3a rgb(178,61,58)
```
#afb23a
```
#afb23a rgb(175,178,58)
```
#3aafb2
```
#3aafb2 rgb(58,175,178)
```
#3d3ab2
```
#3d3ab2 rgb(61,58,178)
```

Tetradic Color

#767827
```
#767827 rgb(118,120,39)
```
#898c2d
```
#898c2d rgb(137,140,45)
```
#9c9f34
```
#9c9f34 rgb(156,159,52)
```
#afb23a
```
#afb23a rgb(175,178,58)
```
#bfc244
```
#bfc244 rgb(191,194,68)
```
#c5c857
```
#c5c857 rgb(197,200,87)
```
#ccce6a
```
#ccce6a rgb(204,206,106)
```

Monochromatic Color

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

#b2973a
```
#b2973a rgb(178,151,58)
```
#b2a13a
```
#b2a13a rgb(178,161,58)
```
#b2ab3a
```
#b2ab3a rgb(178,171,58)
```
#afb23a
```
#afb23a rgb(175,178,58)
```
#a5b23a
```
#a5b23a rgb(165,178,58)
```
#9bb23a
```
#9bb23a rgb(155,178,58)
```
#91b23a
```
#91b23a rgb(145,178,58)
```

Similar Colors

Text with hexadecimal color #afb23a

This text has a font color of #afb23a.

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

#afb23a background color

This paragraph has a background color of #afb23a.

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

#afb23a border color

This element has a border color of #afb23a.

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

CSS codes

.text {color:#afb23a;}

.background {background-color:#afb23a;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0f0f05
```
#0f0f05 rgb(15,15,5)
```
#1e1e0a
```
#1e1e0a rgb(30,30,10)
```
#2c2d0f
```
#2c2d0f rgb(44,45,15)
```
#3b3c13
```
#3b3c13 rgb(59,60,19)
```
#494a18
```
#494a18 rgb(73,74,24)
```
#58591d
```
#58591d rgb(88,89,29)
```
#666822
```
#666822 rgb(102,104,34)
```
#757727
```
#757727 rgb(117,119,39)
```
#83862c
```
#83862c rgb(131,134,44)
```
#929430
```
#929430 rgb(146,148,48)
```
#a0a335
```
#a0a335 rgb(160,163,53)
```
#afb23a
```
#afb23a rgb(175,178,58)
```

Shade Color Variation

#bdc03f
```
#bdc03f rgb(189,192,63)
```
#c2c54e
```
#c2c54e rgb(194,197,78)
```
#c7ca5d
```
#c7ca5d rgb(199,202,93)
```
#cccf6c
```
#cccf6c rgb(204,207,108)
```
#d2d47a
```
#d2d47a rgb(210,212,122)
```
#d7d989
```
#d7d989 rgb(215,217,137)
```
#dcdd98
```
#dcdd98 rgb(220,221,152)
```
#e1e2a7
```
#e1e2a7 rgb(225,226,167)
```
#e6e7b5
```
#e6e7b5 rgb(230,231,181)
```
#ebecc4
```
#ebecc4 rgb(235,236,196)
```
#f0f1d3
```
#f0f1d3 rgb(240,241,211)
```
#f5f6e2
```
#f5f6e2 rgb(245,246,226)
```
#fafaf1
```
#fafaf1 rgb(250,250,241)
```

Tint Color Variation

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

#7b7c70
```
#7b7c70 rgb(123,124,112)
```
#848567
```
#848567 rgb(132,133,103)
```
#8d8e5e
```
#8d8e5e rgb(141,142,94)
```
#959755
```
#959755 rgb(149,151,85)
```
#9ea04c
```
#9ea04c rgb(158,160,76)
```
#a6a943
```
#a6a943 rgb(166,169,67)
```
#afb23a
```
#afb23a rgb(175,178,58)
```
#b8bb31
```
#b8bb31 rgb(184,187,49)
```
#c0c428
```
#c0c428 rgb(192,196,40)
```
#c9cd1f
```
#c9cd1f rgb(201,205,31)
```
#d1d616
```
#d1d616 rgb(209,214,22)
```
#dadf0d
```
#dadf0d rgb(218,223,13)
```
#e3e804
```
#e3e804 rgb(227,232,4)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#a5a68e Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4b042 Protanopia 1% of men
#d9a84a Deuteranopia 1% of men
#bfaab6 Tritanopia 0.001% of the population

Trichromacy

#bcb13f Protanomaly 1% of men, 0.01% of women
#caab44 Deuteranomaly 6% of men, 0.4% of women
#b9ad89 Tritanomaly 0.01% of the population

#afb23a hex color

#afb23a Color Information

#afb23a Color Conversion

Color Schemes with #afb23a

Alternatives to #afb23a

#afb23a Preview

Shades and Tints of #afb23a

Tones of #afb23a

Color Blindness Simulator