#afbe30 hex color

In a RGB color space, hex #afbe30 is composed of 68.6% red, 74.5% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 7.9% cyan, 0% magenta, 74.7% yellow and 25.5% black. It has a hue angle of 66.3 degrees, a saturation of 59.7% and a lightness of 46.7%. #afbe30 color hex could be obtained by blending #ffff60 with #5f7d00. Closest websafe color is: #99cc33.

♥
- f
- t
- g
- R 69
- G 75
- B 19
RGB color chart
- C 8
- M 0
- Y 75
- K 25
CMYK color chart

● #afbe30 color description : Moderate yellow.

The hexadecimal color #afbe30 has RGB values of R:175, G:190, B:48 and CMYK values of C:0.08, M:0, Y:0.75, K:0.25. Its decimal value is 11517488.

Hex triplet	afbe30	`#afbe30`
RGB Decimal	175, 190, 48	`rgb(175,190,48)`
RGB Percent	68.6, 74.5, 18.8	`rgb(68.6%,74.5%,18.8%)`
CMYK	8, 0, 75, 25
HSL	66.3°, 59.7, 46.7	`hsl(66.3,59.7%,46.7%)`
HSV (or HSB)	66.3°, 74.7, 74.5
Web Safe	99cc33	`#99cc33`

CIE-LAB	73.646, -22.555, 65.007
XYZ	36.626, 46.154, 9.775
xyY	0.396, 0.499, 46.154
CIE-LCH	73.646, 68.809, 109.135
CIE-LUV	73.646, -4.434, 76.091
Hunter-Lab	67.937, -22.658, 39.025
Binary	10101111, 10111110, 00110000

#afbe30
```
#afbe30 rgb(175,190,48)
```
#3f30be
```
#3f30be rgb(63,48,190)
```

Complementary Color

#be8630
```
#be8630 rgb(190,134,48)
```
#afbe30
```
#afbe30 rgb(175,190,48)
```
#68be30
```
#68be30 rgb(104,190,48)
```

Analogous Color

#8630be
```
#8630be rgb(134,48,190)
```
#afbe30
```
#afbe30 rgb(175,190,48)
```
#3068be
```
#3068be rgb(48,104,190)
```

Split Complementary Color

#be30af
```
#be30af rgb(190,48,175)
```
#afbe30
```
#afbe30 rgb(175,190,48)
```
#30afbe
```
#30afbe rgb(48,175,190)
```

Triadic Color

#be3f30
```
#be3f30 rgb(190,63,48)
```
#afbe30
```
#afbe30 rgb(175,190,48)
```
#30afbe
```
#30afbe rgb(48,175,190)
```
#3f30be
```
#3f30be rgb(63,48,190)
```

Tetradic Color

#778121
```
#778121 rgb(119,129,33)
```
#8a9526
```
#8a9526 rgb(138,149,38)
```
#9caa2b
```
#9caa2b rgb(156,170,43)
```
#afbe30
```
#afbe30 rgb(175,190,48)
```
#becd3a
```
#becd3a rgb(190,205,58)
```
#c5d24f
```
#c5d24f rgb(197,210,79)
```
#cbd863
```
#cbd863 rgb(203,216,99)
```

Monochromatic Color

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

#beaa30
```
#beaa30 rgb(190,170,48)
```
#beb530
```
#beb530 rgb(190,181,48)
```
#bbbe30
```
#bbbe30 rgb(187,190,48)
```
#afbe30
```
#afbe30 rgb(175,190,48)
```
#a3be30
```
#a3be30 rgb(163,190,48)
```
#97be30
```
#97be30 rgb(151,190,48)
```
#8cbe30
```
#8cbe30 rgb(140,190,48)
```

Similar Colors

Text with hexadecimal color #afbe30

This text has a font color of #afbe30.

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

#afbe30 background color

This paragraph has a background color of #afbe30.

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

#afbe30 border color

This element has a border color of #afbe30.

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

CSS codes

.text {color:#afbe30;}

.background {background-color:#afbe30;}

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

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

#020201
```
#020201 rgb(2,2,1)
```
#101204
```
#101204 rgb(16,18,4)
```
#1f2108
```
#1f2108 rgb(31,33,8)
```
#2d310c
```
#2d310c rgb(45,49,12)
```
#3c4110
```
#3c4110 rgb(60,65,16)
```
#4a5014
```
#4a5014 rgb(74,80,20)
```
#586018
```
#586018 rgb(88,96,24)
```
#67701c
```
#67701c rgb(103,112,28)
```
#757f20
```
#757f20 rgb(117,127,32)
```
#848f24
```
#848f24 rgb(132,143,36)
```
#929f28
```
#929f28 rgb(146,159,40)
```
#a1ae2c
```
#a1ae2c rgb(161,174,44)
```
#afbe30
```
#afbe30 rgb(175,190,48)
```

Shade Color Variation

#bccc36
```
#bccc36 rgb(188,204,54)
```
#c1d045
```
#c1d045 rgb(193,208,69)
```
#c7d455
```
#c7d455 rgb(199,212,85)
```
#ccd864
```
#ccd864 rgb(204,216,100)
```
#d1dc74
```
#d1dc74 rgb(209,220,116)
```
#d6e084
```
#d6e084 rgb(214,224,132)
```
#dbe493
```
#dbe493 rgb(219,228,147)
```
#e1e8a3
```
#e1e8a3 rgb(225,232,163)
```
#e6ecb3
```
#e6ecb3 rgb(230,236,179)
```
#ebf0c2
```
#ebf0c2 rgb(235,240,194)
```
#f0f4d2
```
#f0f4d2 rgb(240,244,210)
```
#f5f8e2
```
#f5f8e2 rgb(245,248,226)
```
#fbfcf1
```
#fbfcf1 rgb(251,252,241)
```

Tint Color Variation

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

#7c7e70
```
#7c7e70 rgb(124,126,112)
```
#848767
```
#848767 rgb(132,135,103)
```
#8b905e
```
#8b905e rgb(139,144,94)
```
#929955
```
#929955 rgb(146,153,85)
```
#99a34b
```
#99a34b rgb(153,163,75)
```
#a1ac42
```
#a1ac42 rgb(161,172,66)
```
#a8b539
```
#a8b539 rgb(168,181,57)
```
#afbe30
```
#afbe30 rgb(175,190,48)
```
#b6c727
```
#b6c727 rgb(182,199,39)
```
#bdd01e
```
#bdd01e rgb(189,208,30)
```
#c5d915
```
#c5d915 rgb(197,217,21)
```
#cce30b
```
#cce30b rgb(204,227,11)
```
#d3ec02
```
#d3ec02 rgb(211,236,2)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#aaad91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ceb938 Protanopia 1% of men
#e4b043 Deuteranopia 1% of men
#c1b5c1 Tritanopia 0.001% of the population

Trichromacy

#c2ba35 Protanomaly 1% of men, 0.01% of women
#d1b53c Deuteranomaly 6% of men, 0.4% of women
#bab88c Tritanomaly 0.01% of the population

#afbe30 hex color

#afbe30 Color Information

#afbe30 Color Conversion

Color Schemes with #afbe30

Alternatives to #afbe30

#afbe30 Preview

Shades and Tints of #afbe30

Tones of #afbe30

Color Blindness Simulator