#afb233 hex color

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

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

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

The hexadecimal color #afb233 has RGB values of R:175, G:178, B:51 and CMYK values of C:0.02, M:0, Y:0.71, K:0.3. Its decimal value is 11514419.

Hex triplet	afb233	`#afb233`
RGB Decimal	175, 178, 51	`rgb(175,178,51)`
RGB Percent	68.6, 69.8, 20	`rgb(68.6%,69.8%,20%)`
CMYK	2, 0, 71, 30
HSL	61.4°, 55.5, 44.9	`hsl(61.4,55.5%,44.9%)`
HSV (or HSB)	61.4°, 71.3, 69.8
Web Safe	999933	`#999933`

CIE-LAB	70.312, -16.413, 60.793
XYZ	34.197, 41.194, 9.282
xyY	0.404, 0.487, 41.194
CIE-LCH	70.312, 62.969, 105.109
CIE-LUV	70.312, 3.046, 70.306
Hunter-Lab	64.183, -17.214, 36.354
Binary	10101111, 10110010, 00110011

#afb233
```
#afb233 rgb(175,178,51)
```
#3633b2
```
#3633b2 rgb(54,51,178)
```

Complementary Color

#b27633
```
#b27633 rgb(178,118,51)
```
#afb233
```
#afb233 rgb(175,178,51)
```
#70b233
```
#70b233 rgb(112,178,51)
```

Analogous Color

#7633b2
```
#7633b2 rgb(118,51,178)
```
#afb233
```
#afb233 rgb(175,178,51)
```
#3370b2
```
#3370b2 rgb(51,112,178)
```

Split Complementary Color

#b233af
```
#b233af rgb(178,51,175)
```
#afb233
```
#afb233 rgb(175,178,51)
```
#33afb2
```
#33afb2 rgb(51,175,178)
```

Triadic Color

#b23633
```
#b23633 rgb(178,54,51)
```
#afb233
```
#afb233 rgb(175,178,51)
```
#33afb2
```
#33afb2 rgb(51,175,178)
```
#3633b2
```
#3633b2 rgb(54,51,178)
```

Tetradic Color

#757722
```
#757722 rgb(117,119,34)
```
#888a28
```
#888a28 rgb(136,138,40)
```
#9c9e2d
```
#9c9e2d rgb(156,158,45)
```
#afb233
```
#afb233 rgb(175,178,51)
```
#c2c639
```
#c2c639 rgb(194,198,57)
```
#c9cc4c
```
#c9cc4c rgb(201,204,76)
```
#cfd160
```
#cfd160 rgb(207,209,96)
```

Monochromatic Color

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

#b29533
```
#b29533 rgb(178,149,51)
```
#b2a033
```
#b2a033 rgb(178,160,51)
```
#b2aa33
```
#b2aa33 rgb(178,170,51)
```
#afb233
```
#afb233 rgb(175,178,51)
```
#a4b233
```
#a4b233 rgb(164,178,51)
```
#9ab233
```
#9ab233 rgb(154,178,51)
```
#8fb233
```
#8fb233 rgb(143,178,51)
```

Similar Colors

Text with hexadecimal color #afb233

This text has a font color of #afb233.

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

#afb233 background color

This paragraph has a background color of #afb233.

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

#afb233 border color

This element has a border color of #afb233.

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

CSS codes

.text {color:#afb233;}

.background {background-color:#afb233;}

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

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

#0a0a03
```
#0a0a03 rgb(10,10,3)
```
#191a07
```
#191a07 rgb(25,26,7)
```
#28290c
```
#28290c rgb(40,41,12)
```
#373810
```
#373810 rgb(55,56,16)
```
#464714
```
#464714 rgb(70,71,20)
```
#555719
```
#555719 rgb(85,87,25)
```
#64661d
```
#64661d rgb(100,102,29)
```
#737522
```
#737522 rgb(115,117,34)
```
#828426
```
#828426 rgb(130,132,38)
```
#91942a
```
#91942a rgb(145,148,42)
```
#a0a32f
```
#a0a32f rgb(160,163,47)
```
#afb233
```
#afb233 rgb(175,178,51)
```
#bec137
```
#bec137 rgb(190,193,55)
```

Shade Color Variation

#c6c943
```
#c6c943 rgb(198,201,67)
```
#cbce52
```
#cbce52 rgb(203,206,82)
```
#cfd262
```
#cfd262 rgb(207,210,98)
```
#d4d671
```
#d4d671 rgb(212,214,113)
```
#d8db80
```
#d8db80 rgb(216,219,128)
```
#dddf8f
```
#dddf8f rgb(221,223,143)
```
#e2e39f
```
#e2e39f rgb(226,227,159)
```
#e6e8ae
```
#e6e8ae rgb(230,232,174)
```
#ebecbd
```
#ebecbd rgb(235,236,189)
```
#f0f0cc
```
#f0f0cc rgb(240,240,204)
```
#f4f5dc
```
#f4f5dc rgb(244,245,220)
```
#f9f9eb
```
#f9f9eb rgb(249,249,235)
```
#fdfefa
```
#fdfefa rgb(253,254,250)
```

Tint Color Variation

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

#747471
```
#747471 rgb(116,116,113)
```
#7d7d68
```
#7d7d68 rgb(125,125,104)
```
#85865f
```
#85865f rgb(133,134,95)
```
#8d8f56
```
#8d8f56 rgb(141,143,86)
```
#96984d
```
#96984d rgb(150,152,77)
```
#9ea045
```
#9ea045 rgb(158,160,69)
```
#a7a93c
```
#a7a93c rgb(167,169,60)
```
#afb233
```
#afb233 rgb(175,178,51)
```
#b7bb2a
```
#b7bb2a rgb(183,187,42)
```
#c0c421
```
#c0c421 rgb(192,196,33)
```
#c8cc19
```
#c8cc19 rgb(200,204,25)
```
#d1d510
```
#d1d510 rgb(209,213,16)
```
#d9de07
```
#d9de07 rgb(217,222,7)
```

Tone Color Variation

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

Dichromacy

#c4b03c Protanopia 1% of men
#daa844 Deuteranopia 1% of men
#bfaab6 Tritanopia 0.001% of the population

Trichromacy

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

#afb233 hex color

#afb233 Color Information

#afb233 Color Conversion

Color Schemes with #afb233

Alternatives to #afb233

#afb233 Preview

Shades and Tints of #afb233

Tones of #afb233

Color Blindness Simulator