#afe318 hex color

In a RGB color space, hex #afe318 is composed of 68.6% red, 89% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 22.9% cyan, 0% magenta, 89.4% yellow and 11% black. It has a hue angle of 75.4 degrees, a saturation of 80.9% and a lightness of 49.2%. #afe318 color hex could be obtained by blending #ffff30 with #5fc700. Closest websafe color is: #99cc00.

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

● #afe318 color description : Vivid green.

The hexadecimal color #afe318 has RGB values of R:175, G:227, B:24 and CMYK values of C:0.23, M:0, Y:0.89, K:0.11. Its decimal value is 11526936.

Hex triplet	afe318	`#afe318`
RGB Decimal	175, 227, 24	`rgb(175,227,24)`
RGB Percent	68.6, 89, 9.4	`rgb(68.6%,89%,9.4%)`
CMYK	23, 0, 89, 11
HSL	75.4°, 80.9, 49.2	`hsl(75.4,80.9%,49.2%)`
HSV (or HSB)	75.4°, 89.4, 89
Web Safe	99cc00	`#99cc00`

CIE-LAB	84.027, -40.552, 79.729
XYZ	45.313, 64.117, 10.853
xyY	0.377, 0.533, 64.117
CIE-LCH	84.027, 89.45, 116.959
CIE-LUV	84.027, -25.669, 94.731
Hunter-Lab	80.073, -39.117, 48.015
Binary	10101111, 11100011, 00011000

#afe318
```
#afe318 rgb(175,227,24)
```
#4c18e3
```
#4c18e3 rgb(76,24,227)
```

Complementary Color

#e3b218
```
#e3b218 rgb(227,178,24)
```
#afe318
```
#afe318 rgb(175,227,24)
```
#4ae318
```
#4ae318 rgb(74,227,24)
```

Analogous Color

#b218e3
```
#b218e3 rgb(178,24,227)
```
#afe318
```
#afe318 rgb(175,227,24)
```
#184ae3
```
#184ae3 rgb(24,74,227)
```

Split Complementary Color

#e318af
```
#e318af rgb(227,24,175)
```
#afe318
```
#afe318 rgb(175,227,24)
```
#18afe3
```
#18afe3 rgb(24,175,227)
```

Triadic Color

#e34c18
```
#e34c18 rgb(227,76,24)
```
#afe318
```
#afe318 rgb(175,227,24)
```
#18afe3
```
#18afe3 rgb(24,175,227)
```
#4c18e3
```
#4c18e3 rgb(76,24,227)
```

Tetradic Color

#7a9e11
```
#7a9e11 rgb(122,158,17)
```
#8bb513
```
#8bb513 rgb(139,181,19)
```
#9dcc16
```
#9dcc16 rgb(157,204,22)
```
#afe318
```
#afe318 rgb(175,227,24)
```
#b8e92c
```
#b8e92c rgb(184,233,44)
```
#c0eb43
```
#c0eb43 rgb(192,235,67)
```
#c8ee5a
```
#c8ee5a rgb(200,238,90)
```

Monochromatic Color

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

#e2e318
```
#e2e318 rgb(226,227,24)
```
#d1e318
```
#d1e318 rgb(209,227,24)
```
#c0e318
```
#c0e318 rgb(192,227,24)
```
#afe318
```
#afe318 rgb(175,227,24)
```
#9ee318
```
#9ee318 rgb(158,227,24)
```
#8de318
```
#8de318 rgb(141,227,24)
```
#7ce318
```
#7ce318 rgb(124,227,24)
```

Similar Colors

Text with hexadecimal color #afe318

This text has a font color of #afe318.

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

#afe318 background color

This paragraph has a background color of #afe318.

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

#afe318 border color

This element has a border color of #afe318.

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

CSS codes

.text {color:#afe318;}

.background {background-color:#afe318;}

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

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

#0b0e01
```
#0b0e01 rgb(11,14,1)
```
#192003
```
#192003 rgb(25,32,3)
```
#263205
```
#263205 rgb(38,50,5)
```
#344307
```
#344307 rgb(52,67,7)
```
#425509
```
#425509 rgb(66,85,9)
```
#4f670b
```
#4f670b rgb(79,103,11)
```
#5d790d
```
#5d790d rgb(93,121,13)
```
#6b8a0f
```
#6b8a0f rgb(107,138,15)
```
#789c10
```
#789c10 rgb(120,156,16)
```
#86ae12
```
#86ae12 rgb(134,174,18)
```
#94c014
```
#94c014 rgb(148,192,20)
```
#a1d116
```
#a1d116 rgb(161,209,22)
```
#afe318
```
#afe318 rgb(175,227,24)
```

Shade Color Variation

#b7e827
```
#b7e827 rgb(183,232,39)
```
#bcea38
```
#bcea38 rgb(188,234,56)
```
#c2ec4a
```
#c2ec4a rgb(194,236,74)
```
#c8ee5c
```
#c8ee5c rgb(200,238,92)
```
#cef06d
```
#cef06d rgb(206,240,109)
```
#d4f17f
```
#d4f17f rgb(212,241,127)
```
#daf391
```
#daf391 rgb(218,243,145)
```
#e0f5a3
```
#e0f5a3 rgb(224,245,163)
```
#e6f7b4
```
#e6f7b4 rgb(230,247,180)
```
#ecf9c6
```
#ecf9c6 rgb(236,249,198)
```
#f2fbd8
```
#f2fbd8 rgb(242,251,216)
```
#f8fdea
```
#f8fdea rgb(248,253,234)
```
#fefffb
```
#fefffb rgb(254,255,251)
```

Tint Color Variation

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

#808279
```
#808279 rgb(128,130,121)
```
#858c6f
```
#858c6f rgb(133,140,111)
```
#899665
```
#899665 rgb(137,150,101)
```
#8e9f5c
```
#8e9f5c rgb(142,159,92)
```
#93a952
```
#93a952 rgb(147,169,82)
```
#97b348
```
#97b348 rgb(151,179,72)
```
#9cbc3f
```
#9cbc3f rgb(156,188,63)
```
#a1c635
```
#a1c635 rgb(161,198,53)
```
#a6d02b
```
#a6d02b rgb(166,208,43)
```
#aad922
```
#aad922 rgb(170,217,34)
```
#afe318
```
#afe318 rgb(175,227,24)
```
#b4ed0e
```
#b4ed0e rgb(180,237,14)
```
#b8f605
```
#b8f605 rgb(184,246,5)
```

Tone Color Variation

Below, you can see how #afe318 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
#b9c49b Atypical Achromatopsia 0.001% of the population

Dichromacy

#edd41e Protanopia 1% of men
#ffcb72 Deuteranopia 1% of men
#c8d5e4 Tritanopia 0.001% of the population

Trichromacy

#d6d91c Protanomaly 1% of men, 0.01% of women
#e1d451 Deuteranomaly 6% of men, 0.4% of women
#bfda9a Tritanomaly 0.01% of the population

#afe318 hex color

#afe318 Color Information

#afe318 Color Conversion

Color Schemes with #afe318

Alternatives to #afe318

#afe318 Preview

Shades and Tints of #afe318

Tones of #afe318

Color Blindness Simulator