#afe304 hex color

In a RGB color space, hex #afe304 is composed of 68.6% red, 89% green and 1.6% blue. Whereas in a CMYK color space, it is composed of 22.9% cyan, 0% magenta, 98.2% yellow and 11% black. It has a hue angle of 74 degrees, a saturation of 96.5% and a lightness of 45.3%. #afe304 color hex could be obtained by blending #ffff08 with #5fc700. Closest websafe color is: #99cc00.

♥
- f
- t
- g
- R 69
- G 89
- B 2
RGB color chart
- C 23
- M 0
- Y 98
- K 11
CMYK color chart

● #afe304 color description : Vivid yellow.

The hexadecimal color #afe304 has RGB values of R:175, G:227, B:4 and CMYK values of C:0.23, M:0, Y:0.98, K:0.11. Its decimal value is 11526916.

Hex triplet	afe304	`#afe304`
RGB Decimal	175, 227, 4	`rgb(175,227,4)`
RGB Percent	68.6, 89, 1.6	`rgb(68.6%,89%,1.6%)`
CMYK	23, 0, 98, 11
HSL	74°, 96.5, 45.3	`hsl(74,96.5%,45.3%)`
HSV (or HSB)	74°, 98.2, 89
Web Safe	99cc00	`#99cc00`

CIE-LAB	83.997, -40.835, 81.874
XYZ	45.17, 64.06, 10.1
xyY	0.379, 0.537, 64.06
CIE-LCH	83.997, 91.492, 116.508
CIE-LUV	83.997, -25.663, 96.061
Hunter-Lab	80.038, -39.328, 48.544
Binary	10101111, 11100011, 00000100

#afe304
```
#afe304 rgb(175,227,4)
```
#3804e3
```
#3804e3 rgb(56,4,227)
```

Complementary Color

#e3a804
```
#e3a804 rgb(227,168,4)
```
#afe304
```
#afe304 rgb(175,227,4)
```
#40e304
```
#40e304 rgb(64,227,4)
```

Analogous Color

#a804e3
```
#a804e3 rgb(168,4,227)
```
#afe304
```
#afe304 rgb(175,227,4)
```
#0440e3
```
#0440e3 rgb(4,64,227)
```

Split Complementary Color

#e304af
```
#e304af rgb(227,4,175)
```
#afe304
```
#afe304 rgb(175,227,4)
```
#04afe3
```
#04afe3 rgb(4,175,227)
```

Triadic Color

#e33804
```
#e33804 rgb(227,56,4)
```
#afe304
```
#afe304 rgb(175,227,4)
```
#04afe3
```
#04afe3 rgb(4,175,227)
```
#3804e3
```
#3804e3 rgb(56,4,227)
```

Tetradic Color

#759803
```
#759803 rgb(117,152,3)
```
#88b103
```
#88b103 rgb(136,177,3)
```
#9cca04
```
#9cca04 rgb(156,202,4)
```
#afe304
```
#afe304 rgb(175,227,4)
```
#c2fb06
```
#c2fb06 rgb(194,251,6)
```
#c8fb1f
```
#c8fb1f rgb(200,251,31)
```
#cefb38
```
#cefb38 rgb(206,251,56)
```

Monochromatic Color

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

#e3df04
```
#e3df04 rgb(227,223,4)
```
#d4e304
```
#d4e304 rgb(212,227,4)
```
#c2e304
```
#c2e304 rgb(194,227,4)
```
#afe304
```
#afe304 rgb(175,227,4)
```
#9ce304
```
#9ce304 rgb(156,227,4)
```
#8ae304
```
#8ae304 rgb(138,227,4)
```
#77e304
```
#77e304 rgb(119,227,4)
```

Similar Colors

Text with hexadecimal color #afe304

This text has a font color of #afe304.

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

#afe304 background color

This paragraph has a background color of #afe304.

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

#afe304 border color

This element has a border color of #afe304.

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

CSS codes

.text {color:#afe304;}

.background {background-color:#afe304;}

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

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

#0c0f00
```
#0c0f00 rgb(12,15,0)
```
#1a2201
```
#1a2201 rgb(26,34,1)
```
#293601
```
#293601 rgb(41,54,1)
```
#384901
```
#384901 rgb(56,73,1)
```
#475c02
```
#475c02 rgb(71,92,2)
```
#566f02
```
#566f02 rgb(86,111,2)
```
#658302
```
#658302 rgb(101,131,2)
```
#749603
```
#749603 rgb(116,150,3)
```
#82a903
```
#82a903 rgb(130,169,3)
```
#91bc03
```
#91bc03 rgb(145,188,3)
```
#a0d004
```
#a0d004 rgb(160,208,4)
```
#afe304
```
#afe304 rgb(175,227,4)
```
#bef604
```
#bef604 rgb(190,246,4)
```

Shade Color Variation

#c5fb13
```
#c5fb13 rgb(197,251,19)
```
#cafb27
```
#cafb27 rgb(202,251,39)
```
#cefc3a
```
#cefc3a rgb(206,252,58)
```
#d3fc4d
```
#d3fc4d rgb(211,252,77)
```
#d8fc60
```
#d8fc60 rgb(216,252,96)
```
#ddfd74
```
#ddfd74 rgb(221,253,116)
```
#e1fd87
```
#e1fd87 rgb(225,253,135)
```
#e6fd9a
```
#e6fd9a rgb(230,253,154)
```
#ebfeae
```
#ebfeae rgb(235,254,174)
```
#f0fec1
```
#f0fec1 rgb(240,254,193)
```
#f4fed4
```
#f4fed4 rgb(244,254,212)
```
#f9ffe7
```
#f9ffe7 rgb(249,255,231)
```
#fefffb
```
#fefffb rgb(254,255,251)
```

Tint Color Variation

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

#76786f
```
#76786f rgb(118,120,111)
```
#7b8166
```
#7b8166 rgb(123,129,102)
```
#808a5d
```
#808a5d rgb(128,138,93)
```
#849354
```
#849354 rgb(132,147,84)
```
#899c4b
```
#899c4b rgb(137,156,75)
```
#8ea542
```
#8ea542 rgb(142,165,66)
```
#93ae39
```
#93ae39 rgb(147,174,57)
```
#97b730
```
#97b730 rgb(151,183,48)
```
#9cbf28
```
#9cbf28 rgb(156,191,40)
```
#a1c81f
```
#a1c81f rgb(161,200,31)
```
#a6d116
```
#a6d116 rgb(166,209,22)
```
#aada0d
```
#aada0d rgb(170,218,13)
```
#afe304
```
#afe304 rgb(175,227,4)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#b8c296 Atypical Achromatopsia 0.001% of the population

Dichromacy

#edd400 Protanopia 1% of men
#ffcb71 Deuteranopia 1% of men
#c8d5e4 Tritanopia 0.001% of the population

Trichromacy

#d6d901 Protanomaly 1% of men, 0.01% of women
#e1d449 Deuteranomaly 6% of men, 0.4% of women
#bfda92 Tritanomaly 0.01% of the population

#afe304 hex color

#afe304 Color Information

#afe304 Color Conversion

Color Schemes with #afe304

Alternatives to #afe304

#afe304 Preview

Shades and Tints of #afe304

Tones of #afe304

Color Blindness Simulator