#afe31a hex color

In a RGB color space, hex #afe31a is composed of 68.6% red, 89% green and 10.2% blue. Whereas in a CMYK color space, it is composed of 22.9% cyan, 0% magenta, 88.5% yellow and 11% black. It has a hue angle of 75.5 degrees, a saturation of 79.4% and a lightness of 49.6%. #afe31a color hex could be obtained by blending #ffff34 with #5fc700. Closest websafe color is: #99cc33.

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

● #afe31a color description : Vivid green.

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

Hex triplet	afe31a	`#afe31a`
RGB Decimal	175, 227, 26	`rgb(175,227,26)`
RGB Percent	68.6, 89, 10.2	`rgb(68.6%,89%,10.2%)`
CMYK	23, 0, 89, 11
HSL	75.5°, 79.4, 49.6	`hsl(75.5,79.4%,49.6%)`
HSV (or HSB)	75.5°, 88.5, 89
Web Safe	99cc33	`#99cc33`

CIE-LAB	84.031, -40.509, 79.415
XYZ	45.334, 64.126, 10.966
xyY	0.376, 0.532, 64.126
CIE-LCH	84.031, 89.15, 117.026
CIE-LUV	84.031, -25.67, 94.531
Hunter-Lab	80.079, -39.085, 47.936
Binary	10101111, 11100011, 00011010

#afe31a
```
#afe31a rgb(175,227,26)
```
#4e1ae3
```
#4e1ae3 rgb(78,26,227)
```

Complementary Color

#e3b31a
```
#e3b31a rgb(227,179,26)
```
#afe31a
```
#afe31a rgb(175,227,26)
```
#4be31a
```
#4be31a rgb(75,227,26)
```

Analogous Color

#b31ae3
```
#b31ae3 rgb(179,26,227)
```
#afe31a
```
#afe31a rgb(175,227,26)
```
#1a4be3
```
#1a4be3 rgb(26,75,227)
```

Split Complementary Color

#e31aaf
```
#e31aaf rgb(227,26,175)
```
#afe31a
```
#afe31a rgb(175,227,26)
```
#1aafe3
```
#1aafe3 rgb(26,175,227)
```

Triadic Color

#e34e1a
```
#e34e1a rgb(227,78,26)
```
#afe31a
```
#afe31a rgb(175,227,26)
```
#1aafe3
```
#1aafe3 rgb(26,175,227)
```
#4e1ae3
```
#4e1ae3 rgb(78,26,227)
```

Tetradic Color

#7a9e12
```
#7a9e12 rgb(122,158,18)
```
#8cb515
```
#8cb515 rgb(140,181,21)
```
#9dcc17
```
#9dcc17 rgb(157,204,23)
```
#afe31a
```
#afe31a rgb(175,227,26)
```
#b8e72f
```
#b8e72f rgb(184,231,47)
```
#bfea46
```
#bfea46 rgb(191,234,70)
```
#c7ec5d
```
#c7ec5d rgb(199,236,93)
```

Monochromatic Color

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

#e1e31a
```
#e1e31a rgb(225,227,26)
```
#d1e31a
```
#d1e31a rgb(209,227,26)
```
#c0e31a
```
#c0e31a rgb(192,227,26)
```
#afe31a
```
#afe31a rgb(175,227,26)
```
#9ee31a
```
#9ee31a rgb(158,227,26)
```
#8ee31a
```
#8ee31a rgb(142,227,26)
```
#7de31a
```
#7de31a rgb(125,227,26)
```

Similar Colors

Text with hexadecimal color #afe31a

This text has a font color of #afe31a.

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

#afe31a background color

This paragraph has a background color of #afe31a.

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

#afe31a border color

This element has a border color of #afe31a.

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

CSS codes

.text {color:#afe31a;}

.background {background-color:#afe31a;}

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

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

#0c1002
```
#0c1002 rgb(12,16,2)
```
#1a2104
```
#1a2104 rgb(26,33,4)
```
#273306
```
#273306 rgb(39,51,6)
```
#354508
```
#354508 rgb(53,69,8)
```
#42560a
```
#42560a rgb(66,86,10)
```
#50680c
```
#50680c rgb(80,104,12)
```
#5e790e
```
#5e790e rgb(94,121,14)
```
#6b8b10
```
#6b8b10 rgb(107,139,16)
```
#799d12
```
#799d12 rgb(121,157,18)
```
#86ae14
```
#86ae14 rgb(134,174,20)
```
#94c016
```
#94c016 rgb(148,192,22)
```
#a1d118
```
#a1d118 rgb(161,209,24)
```
#afe31a
```
#afe31a rgb(175,227,26)
```

Shade Color Variation

#b6e72a
```
#b6e72a rgb(182,231,42)
```
#bce93c
```
#bce93c rgb(188,233,60)
```
#c2eb4d
```
#c2eb4d rgb(194,235,77)
```
#c8ed5f
```
#c8ed5f rgb(200,237,95)
```
#ceef70
```
#ceef70 rgb(206,239,112)
```
#d4f182
```
#d4f182 rgb(212,241,130)
```
#daf394
```
#daf394 rgb(218,243,148)
```
#e0f5a5
```
#e0f5a5 rgb(224,245,165)
```
#e6f7b7
```
#e6f7b7 rgb(230,247,183)
```
#ecf9c8
```
#ecf9c8 rgb(236,249,200)
```
#f2fbda
```
#f2fbda rgb(242,251,218)
```
#f8fdec
```
#f8fdec rgb(248,253,236)
```
#fefffd
```
#fefffd rgb(254,255,253)
```

Tint Color Variation

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

#80827b
```
#80827b rgb(128,130,123)
```
#858b72
```
#858b72 rgb(133,139,114)
```
#899568
```
#899568 rgb(137,149,104)
```
#8e9f5e
```
#8e9f5e rgb(142,159,94)
```
#93a954
```
#93a954 rgb(147,169,84)
```
#98b24b
```
#98b24b rgb(152,178,75)
```
#9cbc41
```
#9cbc41 rgb(156,188,65)
```
#a1c637
```
#a1c637 rgb(161,198,55)
```
#a6d02d
```
#a6d02d rgb(166,208,45)
```
#aad924
```
#aad924 rgb(170,217,36)
```
#afe31a
```
#afe31a rgb(175,227,26)
```
#b4ed10
```
#b4ed10 rgb(180,237,16)
```
#b8f607
```
#b8f607 rgb(184,246,7)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#bac59c Atypical Achromatopsia 0.001% of the population

Dichromacy

#edd420 Protanopia 1% of men
#ffcb73 Deuteranopia 1% of men
#c8d5e4 Tritanopia 0.001% of the population

Trichromacy

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

#afe31a hex color

#afe31a Color Information

#afe31a Color Conversion

Color Schemes with #afe31a

Alternatives to #afe31a

#afe31a Preview

Shades and Tints of #afe31a

Tones of #afe31a

Color Blindness Simulator