colorhexa.com

#afbe33 hex color

In a RGB color space, hex #afbe33 is composed of 68.6% red, 74.5% green and 20% blue. Whereas in a CMYK color space, it is composed of 7.9% cyan, 0% magenta, 73.2% yellow and 25.5% black. It has a hue angle of 66.5 degrees, a saturation of 57.7% and a lightness of 47.3%. #afbe33 color hex could be obtained by blending #ffff66 with #5f7d00. Closest websafe color is: #99cc33.

- R 69
- G 75
- B 20
RGB color chart
- C 8
- M 0
- Y 73
- K 25
CMYK color chart

● #afbe33 color description : Moderate yellow.

The hexadecimal color #afbe33 has RGB values of R:175, G:190, B:51 and CMYK values of C:0.08, M:0, Y:0.73, K:0.25. Its decimal value is 11517491.

Hex triplet	afbe33	`#afbe33`
RGB Decimal	175, 190, 51	`rgb(175,190,51)`
RGB Percent	68.6, 74.5, 20	`rgb(68.6%,74.5%,20%)`
CMYK	8, 0, 73, 25
HSL	66.5°, 57.7, 47.3	`hsl(66.5,57.7%,47.3%)`
HSV (or HSB)	66.5°, 73.2, 74.5
Web Safe	99cc33	`#99cc33`

CIE-LAB	73.662, -22.415, 64.017
XYZ	36.69, 46.18, 10.113
xyY	0.395, 0.497, 46.18
CIE-LCH	73.662, 67.828, 109.297
CIE-LUV	73.662, -4.468, 75.391
Hunter-Lab	67.956, -22.549, 38.746
Binary	10101111, 10111110, 00110011

#afbe33
```
#afbe33 rgb(175,190,51)
```
#4233be
```
#4233be rgb(66,51,190)
```

Complementary Color

#be8833
```
#be8833 rgb(190,136,51)
```
#afbe33
```
#afbe33 rgb(175,190,51)
```
#6abe33
```
#6abe33 rgb(106,190,51)
```

Analogous Color

#8833be
```
#8833be rgb(136,51,190)
```
#afbe33
```
#afbe33 rgb(175,190,51)
```
#336abe
```
#336abe rgb(51,106,190)
```

Split Complementary Color

#be33af
```
#be33af rgb(190,51,175)
```
#afbe33
```
#afbe33 rgb(175,190,51)
```
#33afbe
```
#33afbe rgb(51,175,190)
```

Triadic Color

#be4233
```
#be4233 rgb(190,66,51)
```
#afbe33
```
#afbe33 rgb(175,190,51)
```
#33afbe
```
#33afbe rgb(51,175,190)
```
#4233be
```
#4233be rgb(66,51,190)
```

Tetradic Color

#778223
```
#778223 rgb(119,130,35)
```
#8a9628
```
#8a9628 rgb(138,150,40)
```
#9caa2e
```
#9caa2e rgb(156,170,46)
```
#afbe33
```
#afbe33 rgb(175,190,51)
```
#bccb3f
```
#bccb3f rgb(188,203,63)
```
#c3d153
```
#c3d153 rgb(195,209,83)
```
#cad667
```
#cad667 rgb(202,214,103)
```

Monochromatic Color

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

#beaa33
```
#beaa33 rgb(190,170,51)
```
#beb633
```
#beb633 rgb(190,182,51)
```
#bbbe33
```
#bbbe33 rgb(187,190,51)
```
#afbe33
```
#afbe33 rgb(175,190,51)
```
#a3be33
```
#a3be33 rgb(163,190,51)
```
#98be33
```
#98be33 rgb(152,190,51)
```
#8cbe33
```
#8cbe33 rgb(140,190,51)
```

Similar Colors

Text with hexadecimal color #afbe33

This text has a font color of #afbe33.

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

#afbe33 background color

This paragraph has a background color of #afbe33.

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

#afbe33 border color

This element has a border color of #afbe33.

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

CSS codes

.text {color:#afbe33;}

.background {background-color:#afbe33;}

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

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

#040401
```
#040401 rgb(4,4,1)
```
#121405
```
#121405 rgb(18,20,5)
```
#212309
```
#212309 rgb(33,35,9)
```
#2f330e
```
#2f330e rgb(47,51,14)
```
#3d4212
```
#3d4212 rgb(61,66,18)
```
#4b5216
```
#4b5216 rgb(75,82,22)
```
#5a611a
```
#5a611a rgb(90,97,26)
```
#68711e
```
#68711e rgb(104,113,30)
```
#768022
```
#768022 rgb(118,128,34)
```
#849027
```
#849027 rgb(132,144,39)
```
#939f2b
```
#939f2b rgb(147,159,43)
```
#a1af2f
```
#a1af2f rgb(161,175,47)
```
#afbe33
```
#afbe33 rgb(175,190,51)
```

Shade Color Variation

#bbca3a
```
#bbca3a rgb(187,202,58)
```
#c0ce4a
```
#c0ce4a rgb(192,206,74)
```
#c5d359
```
#c5d359 rgb(197,211,89)
```
#cbd769
```
#cbd769 rgb(203,215,105)
```
#d0db78
```
#d0db78 rgb(208,219,120)
```
#d6df88
```
#d6df88 rgb(214,223,136)
```
#dbe397
```
#dbe397 rgb(219,227,151)
```
#e0e7a7
```
#e0e7a7 rgb(224,231,167)
```
#e6ebb6
```
#e6ebb6 rgb(230,235,182)
```
#ebf0c6
```
#ebf0c6 rgb(235,240,198)
```
#f0f4d5
```
#f0f4d5 rgb(240,244,213)
```
#f6f8e4
```
#f6f8e4 rgb(246,248,228)
```
#fbfcf4
```
#fbfcf4 rgb(251,252,244)
```

Tint Color Variation

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

#7c7d74
```
#7c7d74 rgb(124,125,116)
```
#83866b
```
#83866b rgb(131,134,107)
```
#8b9061
```
#8b9061 rgb(139,144,97)
```
#929958
```
#929958 rgb(146,153,88)
```
#99a24f
```
#99a24f rgb(153,162,79)
```
#a0ab46
```
#a0ab46 rgb(160,171,70)
```
#a8b53c
```
#a8b53c rgb(168,181,60)
```
#afbe33
```
#afbe33 rgb(175,190,51)
```
#b6c72a
```
#b6c72a rgb(182,199,42)
```
#bed120
```
#bed120 rgb(190,209,32)
```
#c5da17
```
#c5da17 rgb(197,218,23)
```
#cce30e
```
#cce30e rgb(204,227,14)
```
#d3ec05
```
#d3ec05 rgb(211,236,5)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#abae92 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ceb93b Protanopia 1% of men
#e4b045 Deuteranopia 1% of men
#c1b5c2 Tritanopia 0.001% of the population

Trichromacy

#c2ba38 Protanomaly 1% of men, 0.01% of women
#d1b53f Deuteranomaly 6% of men, 0.4% of women
#bab88e Tritanomaly 0.01% of the population