#afe31b hex color

In a RGB color space, hex #afe31b is composed of 68.6% red, 89% green and 10.6% blue. Whereas in a CMYK color space, it is composed of 22.9% cyan, 0% magenta, 88.1% yellow and 11% black. It has a hue angle of 75.6 degrees, a saturation of 78.7% and a lightness of 49.8%. #afe31b color hex could be obtained by blending #ffff36 with #5fc700. Closest websafe color is: #99cc33.

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

● #afe31b color description : Vivid green.

The hexadecimal color #afe31b has RGB values of R:175, G:227, B:27 and CMYK values of C:0.23, M:0, Y:0.88, K:0.11. Its decimal value is 11526939.

Hex triplet	afe31b	`#afe31b`
RGB Decimal	175, 227, 27	`rgb(175,227,27)`
RGB Percent	68.6, 89, 10.6	`rgb(68.6%,89%,10.6%)`
CMYK	23, 0, 88, 11
HSL	75.6°, 78.7, 49.8	`hsl(75.6,78.7%,49.8%)`
HSV (or HSB)	75.6°, 88.1, 89
Web Safe	99cc33	`#99cc33`

CIE-LAB	84.034, -40.487, 79.25
XYZ	45.345, 64.13, 11.026
xyY	0.376, 0.532, 64.13
CIE-LCH	84.034, 88.992, 117.061
CIE-LUV	84.034, -25.67, 94.425
Hunter-Lab	80.081, -39.068, 47.893
Binary	10101111, 11100011, 00011011

#afe31b
```
#afe31b rgb(175,227,27)
```
#4f1be3
```
#4f1be3 rgb(79,27,227)
```

Complementary Color

#e3b31b
```
#e3b31b rgb(227,179,27)
```
#afe31b
```
#afe31b rgb(175,227,27)
```
#4be31b
```
#4be31b rgb(75,227,27)
```

Analogous Color

#b31be3
```
#b31be3 rgb(179,27,227)
```
#afe31b
```
#afe31b rgb(175,227,27)
```
#1b4be3
```
#1b4be3 rgb(27,75,227)
```

Split Complementary Color

#e31baf
```
#e31baf rgb(227,27,175)
```
#afe31b
```
#afe31b rgb(175,227,27)
```
#1bafe3
```
#1bafe3 rgb(27,175,227)
```

Triadic Color

#e34f1b
```
#e34f1b rgb(227,79,27)
```
#afe31b
```
#afe31b rgb(175,227,27)
```
#1bafe3
```
#1bafe3 rgb(27,175,227)
```
#4f1be3
```
#4f1be3 rgb(79,27,227)
```

Tetradic Color

#7a9f13
```
#7a9f13 rgb(122,159,19)
```
#8cb516
```
#8cb516 rgb(140,181,22)
```
#9dcc18
```
#9dcc18 rgb(157,204,24)
```
#afe31b
```
#afe31b rgb(175,227,27)
```
#b7e631
```
#b7e631 rgb(183,230,49)
```
#bfe948
```
#bfe948 rgb(191,233,72)
```
#c7ec5f
```
#c7ec5f rgb(199,236,95)
```

Monochromatic Color

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

#e1e31b
```
#e1e31b rgb(225,227,27)
```
#d0e31b
```
#d0e31b rgb(208,227,27)
```
#c0e31b
```
#c0e31b rgb(192,227,27)
```
#afe31b
```
#afe31b rgb(175,227,27)
```
#9ee31b
```
#9ee31b rgb(158,227,27)
```
#8ee31b
```
#8ee31b rgb(142,227,27)
```
#7de31b
```
#7de31b rgb(125,227,27)
```

Similar Colors

Text with hexadecimal color #afe31b

This text has a font color of #afe31b.

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

#afe31b background color

This paragraph has a background color of #afe31b.

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

#afe31b border color

This element has a border color of #afe31b.

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

CSS codes

.text {color:#afe31b;}

.background {background-color:#afe31b;}

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

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

#0d1102
```
#0d1102 rgb(13,17,2)
```
#1a2204
```
#1a2204 rgb(26,34,4)
```
#283406
```
#283406 rgb(40,52,6)
```
#354508
```
#354508 rgb(53,69,8)
```
#43570a
```
#43570a rgb(67,87,10)
```
#50680c
```
#50680c rgb(80,104,12)
```
#5e7a0e
```
#5e7a0e rgb(94,122,14)
```
#6b8b11
```
#6b8b11 rgb(107,139,17)
```
#799d13
```
#799d13 rgb(121,157,19)
```
#86ae15
```
#86ae15 rgb(134,174,21)
```
#94c017
```
#94c017 rgb(148,192,23)
```
#a1d119
```
#a1d119 rgb(161,209,25)
```
#afe31b
```
#afe31b rgb(175,227,27)
```

Shade Color Variation

#b5e62c
```
#b5e62c rgb(181,230,44)
```
#bce83d
```
#bce83d rgb(188,232,61)
```
#c2ea4f
```
#c2ea4f rgb(194,234,79)
```
#c8ec60
```
#c8ec60 rgb(200,236,96)
```
#ceee72
```
#ceee72 rgb(206,238,114)
```
#d4f083
```
#d4f083 rgb(212,240,131)
```
#daf295
```
#daf295 rgb(218,242,149)
```
#e0f4a6
```
#e0f4a6 rgb(224,244,166)
```
#e6f7b8
```
#e6f7b8 rgb(230,247,184)
```
#ecf9ca
```
#ecf9ca rgb(236,249,202)
```
#f2fbdb
```
#f2fbdb rgb(242,251,219)
```
#f9fded
```
#f9fded rgb(249,253,237)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#80817d
```
#80817d rgb(128,129,125)
```
#858b73
```
#858b73 rgb(133,139,115)
```
#899569
```
#899569 rgb(137,149,105)
```
#8e9f5f
```
#8e9f5f rgb(142,159,95)
```
#93a856
```
#93a856 rgb(147,168,86)
```
#98b24c
```
#98b24c rgb(152,178,76)
```
#9cbc42
```
#9cbc42 rgb(156,188,66)
```
#a1c638
```
#a1c638 rgb(161,198,56)
```
#a6cf2f
```
#a6cf2f rgb(166,207,47)
```
#aad925
```
#aad925 rgb(170,217,37)
```
#afe31b
```
#afe31b rgb(175,227,27)
```
#b4ed11
```
#b4ed11 rgb(180,237,17)
```
#b8f707
```
#b8f707 rgb(184,247,7)
```

Tone Color Variation

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

Dichromacy

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

Trichromacy

#d6d91f Protanomaly 1% of men, 0.01% of women
#e1d453 Deuteranomaly 6% of men, 0.4% of women
#bfda9b Tritanomaly 0.01% of the population

#afe31b hex color

#afe31b Color Information

#afe31b Color Conversion

Color Schemes with #afe31b

Alternatives to #afe31b

#afe31b Preview

Shades and Tints of #afe31b

Tones of #afe31b

Color Blindness Simulator