#afbb2e hex color

In a RGB color space, hex #afbb2e is composed of 68.6% red, 73.3% green and 18% blue. Whereas in a CMYK color space, it is composed of 6.4% cyan, 0% magenta, 75.4% yellow and 26.7% black. It has a hue angle of 65.1 degrees, a saturation of 60.5% and a lightness of 45.7%. #afbb2e color hex could be obtained by blending #ffff5c with #5f7700. Closest websafe color is: #99cc33.

♥
- f
- t
- g
- R 69
- G 73
- B 18
RGB color chart
- C 6
- M 0
- Y 75
- K 27
CMYK color chart

● #afbb2e color description : Strong yellow.

The hexadecimal color #afbb2e has RGB values of R:175, G:187, B:46 and CMYK values of C:0.06, M:0, Y:0.75, K:0.27. Its decimal value is 11516718.

Hex triplet	afbb2e	`#afbb2e`
RGB Decimal	175, 187, 46	`rgb(175,187,46)`
RGB Percent	68.6, 73.3, 18	`rgb(68.6%,73.3%,18%)`
CMYK	6, 0, 75, 27
HSL	65.1°, 60.5, 45.7	`hsl(65.1,60.5%,45.7%)`
HSV (or HSB)	65.1°, 75.4, 73.3
Web Safe	99cc33	`#99cc33`

CIE-LAB	72.794, -21.164, 64.862
XYZ	35.943, 44.852, 9.349
xyY	0.399, 0.498, 44.852
CIE-LCH	72.794, 68.228, 108.071
CIE-LUV	72.794, -2.559, 75.284
Hunter-Lab	66.972, -21.403, 38.604
Binary	10101111, 10111011, 00101110

#afbb2e
```
#afbb2e rgb(175,187,46)
```
#3a2ebb
```
#3a2ebb rgb(58,46,187)
```

Complementary Color

#bb812e
```
#bb812e rgb(187,129,46)
```
#afbb2e
```
#afbb2e rgb(175,187,46)
```
#69bb2e
```
#69bb2e rgb(105,187,46)
```

Analogous Color

#812ebb
```
#812ebb rgb(129,46,187)
```
#afbb2e
```
#afbb2e rgb(175,187,46)
```
#2e69bb
```
#2e69bb rgb(46,105,187)
```

Split Complementary Color

#bb2eaf
```
#bb2eaf rgb(187,46,175)
```
#afbb2e
```
#afbb2e rgb(175,187,46)
```
#2eafbb
```
#2eafbb rgb(46,175,187)
```

Triadic Color

#bb3a2e
```
#bb3a2e rgb(187,58,46)
```
#afbb2e
```
#afbb2e rgb(175,187,46)
```
#2eafbb
```
#2eafbb rgb(46,175,187)
```
#3a2ebb
```
#3a2ebb rgb(58,46,187)
```

Tetradic Color

#767e1f
```
#767e1f rgb(118,126,31)
```
#899224
```
#899224 rgb(137,146,36)
```
#9ca729
```
#9ca729 rgb(156,167,41)
```
#afbb2e
```
#afbb2e rgb(175,187,46)
```
#c0cd35
```
#c0cd35 rgb(192,205,53)
```
#c7d24a
```
#c7d24a rgb(199,210,74)
```
#cdd75e
```
#cdd75e rgb(205,215,94)
```

Monochromatic Color

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

#bba42e
```
#bba42e rgb(187,164,46)
```
#bbb02e
```
#bbb02e rgb(187,176,46)
```
#bbbb2e
```
#bbbb2e rgb(187,187,46)
```
#afbb2e
```
#afbb2e rgb(175,187,46)
```
#a3bb2e
```
#a3bb2e rgb(163,187,46)
```
#98bb2e
```
#98bb2e rgb(152,187,46)
```
#8cbb2e
```
#8cbb2e rgb(140,187,46)
```

Similar Colors

Text with hexadecimal color #afbb2e

This text has a font color of #afbb2e.

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

#afbb2e background color

This paragraph has a background color of #afbb2e.

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

#afbb2e border color

This element has a border color of #afbb2e.

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

CSS codes

.text {color:#afbb2e;}

.background {background-color:#afbb2e;}

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

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

#0d0e03
```
#0d0e03 rgb(13,14,3)
```
#1c1e07
```
#1c1e07 rgb(28,30,7)
```
#2a2d0b
```
#2a2d0b rgb(42,45,11)
```
#393d0f
```
#393d0f rgb(57,61,15)
```
#484d13
```
#484d13 rgb(72,77,19)
```
#575d17
```
#575d17 rgb(87,93,23)
```
#656c1b
```
#656c1b rgb(101,108,27)
```
#747c1f
```
#747c1f rgb(116,124,31)
```
#838c22
```
#838c22 rgb(131,140,34)
```
#929c26
```
#929c26 rgb(146,156,38)
```
#a0ab2a
```
#a0ab2a rgb(160,171,42)
```
#afbb2e
```
#afbb2e rgb(175,187,46)
```
#becb32
```
#becb32 rgb(190,203,50)
```

Shade Color Variation

#c4d040
```
#c4d040 rgb(196,208,64)
```
#c9d450
```
#c9d450 rgb(201,212,80)
```
#ced860
```
#ced860 rgb(206,216,96)
```
#d2dc6f
```
#d2dc6f rgb(210,220,111)
```
#d7e07f
```
#d7e07f rgb(215,224,127)
```
#dce38f
```
#dce38f rgb(220,227,143)
```
#e1e79f
```
#e1e79f rgb(225,231,159)
```
#e6ebae
```
#e6ebae rgb(230,235,174)
```
#ebefbe
```
#ebefbe rgb(235,239,190)
```
#f0f3ce
```
#f0f3ce rgb(240,243,206)
```
#f5f7de
```
#f5f7de rgb(245,247,222)
```
#fafbed
```
#fafbed rgb(250,251,237)
```
#fefffd
```
#fefffd rgb(254,255,253)
```

Tint Color Variation

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

#7b7c6d
```
#7b7c6d rgb(123,124,109)
```
#828564
```
#828564 rgb(130,133,100)
```
#8a8e5b
```
#8a8e5b rgb(138,142,91)
```
#919752
```
#919752 rgb(145,151,82)
```
#99a049
```
#99a049 rgb(153,160,73)
```
#a0a940
```
#a0a940 rgb(160,169,64)
```
#a8b237
```
#a8b237 rgb(168,178,55)
```
#afbb2e
```
#afbb2e rgb(175,187,46)
```
#b6c425
```
#b6c425 rgb(182,196,37)
```
#becd1c
```
#becd1c rgb(190,205,28)
```
#c5d613
```
#c5d613 rgb(197,214,19)
```
#cddf0a
```
#cddf0a rgb(205,223,10)
```
#d4e801
```
#d4e801 rgb(212,232,1)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#a9ab8f Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbb636 Protanopia 1% of men
#e2ae41 Deuteranopia 1% of men
#c0b2bf Tritanopia 0.001% of the population

Trichromacy

#c1b833 Protanomaly 1% of men, 0.01% of women
#cfb23a Deuteranomaly 6% of men, 0.4% of women
#bab58a Tritanomaly 0.01% of the population

#afbb2e hex color

#afbb2e Color Information

#afbb2e Color Conversion

Color Schemes with #afbb2e

Alternatives to #afbb2e

#afbb2e Preview

Shades and Tints of #afbb2e

Tones of #afbb2e

Color Blindness Simulator