#afb232 hex color

In a RGB color space, hex #afb232 is composed of 68.6% red, 69.8% green and 19.6% blue. Whereas in a CMYK color space, it is composed of 1.7% cyan, 0% magenta, 71.9% yellow and 30.2% black. It has a hue angle of 61.4 degrees, a saturation of 56.1% and a lightness of 44.7%. #afb232 color hex could be obtained by blending #ffff64 with #5f6500. Closest websafe color is: #999933.

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

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

The hexadecimal color #afb232 has RGB values of R:175, G:178, B:50 and CMYK values of C:0.02, M:0, Y:0.72, K:0.3. Its decimal value is 11514418.

Hex triplet	afb232	`#afb232`
RGB Decimal	175, 178, 50	`rgb(175,178,50)`
RGB Percent	68.6, 69.8, 19.6	`rgb(68.6%,69.8%,19.6%)`
CMYK	2, 0, 72, 30
HSL	61.4°, 56.1, 44.7	`hsl(61.4,56.1%,44.7%)`
HSV (or HSB)	61.4°, 71.9, 69.8
Web Safe	999933	`#999933`

CIE-LAB	70.306, -16.462, 61.147
XYZ	34.175, 41.186, 9.167
xyY	0.404, 0.487, 41.186
CIE-LCH	70.306, 63.324, 105.068
CIE-LUV	70.306, 3.063, 70.559
Hunter-Lab	64.176, -17.252, 36.454
Binary	10101111, 10110010, 00110010

#afb232
```
#afb232 rgb(175,178,50)
```
#3532b2
```
#3532b2 rgb(53,50,178)
```

Complementary Color

#b27532
```
#b27532 rgb(178,117,50)
```
#afb232
```
#afb232 rgb(175,178,50)
```
#6fb232
```
#6fb232 rgb(111,178,50)
```

Analogous Color

#7532b2
```
#7532b2 rgb(117,50,178)
```
#afb232
```
#afb232 rgb(175,178,50)
```
#326fb2
```
#326fb2 rgb(50,111,178)
```

Split Complementary Color

#b232af
```
#b232af rgb(178,50,175)
```
#afb232
```
#afb232 rgb(175,178,50)
```
#32afb2
```
#32afb2 rgb(50,175,178)
```

Triadic Color

#b23532
```
#b23532 rgb(178,53,50)
```
#afb232
```
#afb232 rgb(175,178,50)
```
#32afb2
```
#32afb2 rgb(50,175,178)
```
#3532b2
```
#3532b2 rgb(53,50,178)
```

Tetradic Color

#747621
```
#747621 rgb(116,118,33)
```
#888a27
```
#888a27 rgb(136,138,39)
```
#9b9e2c
```
#9b9e2c rgb(155,158,44)
```
#afb232
```
#afb232 rgb(175,178,50)
```
#c3c638
```
#c3c638 rgb(195,198,56)
```
#c9cc4b
```
#c9cc4b rgb(201,204,75)
```
#cfd25f
```
#cfd25f rgb(207,210,95)
```

Monochromatic Color

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

#b29532
```
#b29532 rgb(178,149,50)
```
#b2a032
```
#b2a032 rgb(178,160,50)
```
#b2aa32
```
#b2aa32 rgb(178,170,50)
```
#afb232
```
#afb232 rgb(175,178,50)
```
#a4b232
```
#a4b232 rgb(164,178,50)
```
#9ab232
```
#9ab232 rgb(154,178,50)
```
#8fb232
```
#8fb232 rgb(143,178,50)
```

Similar Colors

Text with hexadecimal color #afb232

This text has a font color of #afb232.

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

#afb232 background color

This paragraph has a background color of #afb232.

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

#afb232 border color

This element has a border color of #afb232.

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

CSS codes

.text {color:#afb232;}

.background {background-color:#afb232;}

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

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, #090a03 is the darkest color, while #fdfdf9 is the lightest one.

#090a03
```
#090a03 rgb(9,10,3)
```
#181907
```
#181907 rgb(24,25,7)
```
#27280b
```
#27280b rgb(39,40,11)
```
#373710
```
#373710 rgb(55,55,16)
```
#464714
```
#464714 rgb(70,71,20)
```
#555618
```
#555618 rgb(85,86,24)
```
#64651c
```
#64651c rgb(100,101,28)
```
#737521
```
#737521 rgb(115,117,33)
```
#828425
```
#828425 rgb(130,132,37)
```
#919329
```
#919329 rgb(145,147,41)
```
#a0a32e
```
#a0a32e rgb(160,163,46)
```
#afb232
```
#afb232 rgb(175,178,50)
```
#bec136
```
#bec136 rgb(190,193,54)
```

Shade Color Variation

#c7ca41
```
#c7ca41 rgb(199,202,65)
```
#cbce51
```
#cbce51 rgb(203,206,81)
```
#d0d260
```
#d0d260 rgb(208,210,96)
```
#d4d76f
```
#d4d76f rgb(212,215,111)
```
#d9db7f
```
#d9db7f rgb(217,219,127)
```
#dddf8e
```
#dddf8e rgb(221,223,142)
```
#e2e49d
```
#e2e49d rgb(226,228,157)
```
#e6e8ad
```
#e6e8ad rgb(230,232,173)
```
#ebecbc
```
#ebecbc rgb(235,236,188)
```
#f0f0cb
```
#f0f0cb rgb(240,240,203)
```
#f4f5db
```
#f4f5db rgb(244,245,219)
```
#f9f9ea
```
#f9f9ea rgb(249,249,234)
```
#fdfdf9
```
#fdfdf9 rgb(253,253,249)
```

Tint Color Variation

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

#74756f
```
#74756f rgb(116,117,111)
```
#7d7d67
```
#7d7d67 rgb(125,125,103)
```
#85865e
```
#85865e rgb(133,134,94)
```
#8e8f55
```
#8e8f55 rgb(142,143,85)
```
#96984c
```
#96984c rgb(150,152,76)
```
#9ea044
```
#9ea044 rgb(158,160,68)
```
#a7a93b
```
#a7a93b rgb(167,169,59)
```
#afb232
```
#afb232 rgb(175,178,50)
```
#b7bb29
```
#b7bb29 rgb(183,187,41)
```
#c0c420
```
#c0c420 rgb(192,196,32)
```
#c8cc18
```
#c8cc18 rgb(200,204,24)
```
#d0d50f
```
#d0d50f rgb(208,213,15)
```
#d9de06
```
#d9de06 rgb(217,222,6)
```

Tone Color Variation

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

Dichromacy

#c4b03b Protanopia 1% of men
#daa843 Deuteranopia 1% of men
#bfaab6 Tritanopia 0.001% of the population

Trichromacy

#bcb137 Protanomaly 1% of men, 0.01% of women
#caab3c Deuteranomaly 6% of men, 0.4% of women
#b9ad86 Tritanomaly 0.01% of the population

#afb232 hex color

#afb232 Color Information

#afb232 Color Conversion

Color Schemes with #afb232

Alternatives to #afb232

#afb232 Preview

Shades and Tints of #afb232

Tones of #afb232

Color Blindness Simulator