#afe50a hex color

In a RGB color space, hex #afe50a is composed of 68.6% red, 89.8% green and 3.9% blue. Whereas in a CMYK color space, it is composed of 23.6% cyan, 0% magenta, 95.6% yellow and 10.2% black. It has a hue angle of 74.8 degrees, a saturation of 91.6% and a lightness of 46.9%. #afe50a color hex could be obtained by blending #ffff14 with #5fcb00. Closest websafe color is: #99cc00.

♥
- f
- t
- g
- R 69
- G 90
- B 4
RGB color chart
- C 24
- M 0
- Y 96
- K 10
CMYK color chart

● #afe50a color description : Vivid yellow.

The hexadecimal color #afe50a has RGB values of R:175, G:229, B:10 and CMYK values of C:0.24, M:0, Y:0.96, K:0.1. Its decimal value is 11527434.

Hex triplet	afe50a	`#afe50a`
RGB Decimal	175, 229, 10	`rgb(175,229,10)`
RGB Percent	68.6, 89.8, 3.9	`rgb(68.6%,89.8%,3.9%)`
CMYK	24, 0, 96, 10
HSL	74.8°, 91.6, 46.9	`hsl(74.8,91.6%,46.9%)`
HSV (or HSB)	74.8°, 95.6, 89.8
Web Safe	99cc00	`#99cc00`

CIE-LAB	84.573, -41.646, 81.814
XYZ	45.753, 65.174, 10.456
xyY	0.377, 0.537, 65.174
CIE-LCH	84.573, 91.804, 116.978
CIE-LUV	84.573, -26.744, 96.522
Hunter-Lab	80.73, -40.115, 48.832
Binary	10101111, 11100101, 00001010

#afe50a
```
#afe50a rgb(175,229,10)
```
#400ae5
```
#400ae5 rgb(64,10,229)
```

Complementary Color

#e5ae0a
```
#e5ae0a rgb(229,174,10)
```
#afe50a
```
#afe50a rgb(175,229,10)
```
#42e50a
```
#42e50a rgb(66,229,10)
```

Analogous Color

#ae0ae5
```
#ae0ae5 rgb(174,10,229)
```
#afe50a
```
#afe50a rgb(175,229,10)
```
#0a42e5
```
#0a42e5 rgb(10,66,229)
```

Split Complementary Color

#e50aaf
```
#e50aaf rgb(229,10,175)
```
#afe50a
```
#afe50a rgb(175,229,10)
```
#0aafe5
```
#0aafe5 rgb(10,175,229)
```

Triadic Color

#e5400a
```
#e5400a rgb(229,64,10)
```
#afe50a
```
#afe50a rgb(175,229,10)
```
#0aafe5
```
#0aafe5 rgb(10,175,229)
```
#400ae5
```
#400ae5 rgb(64,10,229)
```

Tetradic Color

#779c07
```
#779c07 rgb(119,156,7)
```
#8ab408
```
#8ab408 rgb(138,180,8)
```
#9ccd09
```
#9ccd09 rgb(156,205,9)
```
#afe50a
```
#afe50a rgb(175,229,10)
```
#bdf514
```
#bdf514 rgb(189,245,20)
```
#c4f62c
```
#c4f62c rgb(196,246,44)
```
#cbf745
```
#cbf745 rgb(203,247,69)
```

Monochromatic Color

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

#e5e40a
```
#e5e40a rgb(229,228,10)
```
#d4e50a
```
#d4e50a rgb(212,229,10)
```
#c1e50a
```
#c1e50a rgb(193,229,10)
```
#afe50a
```
#afe50a rgb(175,229,10)
```
#9de50a
```
#9de50a rgb(157,229,10)
```
#8be50a
```
#8be50a rgb(139,229,10)
```
#78e50a
```
#78e50a rgb(120,229,10)
```

Similar Colors

Text with hexadecimal color #afe50a

This text has a font color of #afe50a.

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

#afe50a background color

This paragraph has a background color of #afe50a.

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

#afe50a border color

This element has a border color of #afe50a.

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

CSS codes

.text {color:#afe50a;}

.background {background-color:#afe50a;}

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

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

#030300
```
#030300 rgb(3,3,0)
```
#111601
```
#111601 rgb(17,22,1)
```
#1f2902
```
#1f2902 rgb(31,41,2)
```
#2e3c03
```
#2e3c03 rgb(46,60,3)
```
#3c4f03
```
#3c4f03 rgb(60,79,3)
```
#4a6104
```
#4a6104 rgb(74,97,4)
```
#597405
```
#597405 rgb(89,116,5)
```
#678706
```
#678706 rgb(103,135,6)
```
#769a07
```
#769a07 rgb(118,154,7)
```
#84ad08
```
#84ad08 rgb(132,173,8)
```
#92bf08
```
#92bf08 rgb(146,191,8)
```
#a1d209
```
#a1d209 rgb(161,210,9)
```
#afe50a
```
#afe50a rgb(175,229,10)
```

Shade Color Variation

#bcf40e
```
#bcf40e rgb(188,244,14)
```
#c1f521
```
#c1f521 rgb(193,245,33)
```
#c6f634
```
#c6f634 rgb(198,246,52)
```
#cbf747
```
#cbf747 rgb(203,247,71)
```
#d1f859
```
#d1f859 rgb(209,248,89)
```
#d6f96c
```
#d6f96c rgb(214,249,108)
```
#dbf97f
```
#dbf97f rgb(219,249,127)
```
#e0fa92
```
#e0fa92 rgb(224,250,146)
```
#e6fba4
```
#e6fba4 rgb(230,251,164)
```
#ebfcb7
```
#ebfcb7 rgb(235,252,183)
```
#f0fdca
```
#f0fdca rgb(240,253,202)
```
#f5fedd
```
#f5fedd rgb(245,254,221)
```
#fbfef0
```
#fbfef0 rgb(251,254,240)
```

Tint Color Variation

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

#7c806f
```
#7c806f rgb(124,128,111)
```
#808966
```
#808966 rgb(128,137,102)
```
#85925d
```
#85925d rgb(133,146,93)
```
#8a9b54
```
#8a9b54 rgb(138,155,84)
```
#8ea54a
```
#8ea54a rgb(142,165,74)
```
#93ae41
```
#93ae41 rgb(147,174,65)
```
#98b738
```
#98b738 rgb(152,183,56)
```
#9cc02f
```
#9cc02f rgb(156,192,47)
```
#a1c926
```
#a1c926 rgb(161,201,38)
```
#a6d31c
```
#a6d31c rgb(166,211,28)
```
#aadc13
```
#aadc13 rgb(170,220,19)
```
#afe50a
```
#afe50a rgb(175,229,10)
```
#b4ee01
```
#b4ee01 rgb(180,238,1)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#b9c498 Atypical Achromatopsia 0.001% of the population

Dichromacy

#efd509 Protanopia 1% of men
#ffcd7a Deuteranopia 1% of men
#c9d6e6 Tritanopia 0.001% of the population

Trichromacy

#d8db09 Protanomaly 1% of men, 0.01% of women
#e1d651 Deuteranomaly 6% of men, 0.4% of women
#bfdc96 Tritanomaly 0.01% of the population

#afe50a hex color

#afe50a Color Information

#afe50a Color Conversion

Color Schemes with #afe50a

Alternatives to #afe50a

#afe50a Preview

Shades and Tints of #afe50a

Tones of #afe50a

Color Blindness Simulator