#afe55b hex color

In a RGB color space, hex #afe55b is composed of 68.6% red, 89.8% green and 35.7% blue. Whereas in a CMYK color space, it is composed of 23.6% cyan, 0% magenta, 60.3% yellow and 10.2% black. It has a hue angle of 83.5 degrees, a saturation of 72.6% and a lightness of 62.7%. #afe55b color hex could be obtained by blending #ffffb6 with #5fcb00. Closest websafe color is: #99cc66.

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

● #afe55b color description : Soft green.

The hexadecimal color #afe55b has RGB values of R:175, G:229, B:91 and CMYK values of C:0.24, M:0, Y:0.6, K:0.1. Its decimal value is 11527515.

Hex triplet	afe55b	`#afe55b`
RGB Decimal	175, 229, 91	`rgb(175,229,91)`
RGB Percent	68.6, 89.8, 35.7	`rgb(68.6%,89.8%,35.7%)`
CMYK	24, 0, 60, 10
HSL	83.5°, 72.6, 62.7	`hsl(83.5,72.6%,62.7%)`
HSV (or HSB)	83.5°, 60.3, 89.8
Web Safe	99cc66	`#99cc66`

CIE-LAB	84.949, -38.101, 60.15
XYZ	47.586, 65.907, 20.111
xyY	0.356, 0.493, 65.907
CIE-LCH	84.949, 71.202, 122.351
CIE-LUV	84.949, -26.782, 80.188
Hunter-Lab	81.183, -37.442, 42.14
Binary	10101111, 11100101, 01011011

#afe55b
```
#afe55b rgb(175,229,91)
```
#915be5
```
#915be5 rgb(145,91,229)
```

Complementary Color

#e5d65b
```
#e5d65b rgb(229,214,91)
```
#afe55b
```
#afe55b rgb(175,229,91)
```
#6ae55b
```
#6ae55b rgb(106,229,91)
```

Analogous Color

#d65be5
```
#d65be5 rgb(214,91,229)
```
#afe55b
```
#afe55b rgb(175,229,91)
```
#5b6ae5
```
#5b6ae5 rgb(91,106,229)
```

Split Complementary Color

#e55baf
```
#e55baf rgb(229,91,175)
```
#afe55b
```
#afe55b rgb(175,229,91)
```
#5bafe5
```
#5bafe5 rgb(91,175,229)
```

Triadic Color

#e5915b
```
#e5915b rgb(229,145,91)
```
#afe55b
```
#afe55b rgb(175,229,91)
```
#5bafe5
```
#5bafe5 rgb(91,175,229)
```
#915be5
```
#915be5 rgb(145,91,229)
```

Tetradic Color

#8dd221
```
#8dd221 rgb(141,210,33)
```
#9ade2f
```
#9ade2f rgb(154,222,47)
```
#a4e245
```
#a4e245 rgb(164,226,69)
```
#afe55b
```
#afe55b rgb(175,229,91)
```
#bae871
```
#bae871 rgb(186,232,113)
```
#c4ec87
```
#c4ec87 rgb(196,236,135)
```
#cfef9d
```
#cfef9d rgb(207,239,157)
```

Monochromatic Color

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

#d2e55b
```
#d2e55b rgb(210,229,91)
```
#c6e55b
```
#c6e55b rgb(198,229,91)
```
#bbe55b
```
#bbe55b rgb(187,229,91)
```
#afe55b
```
#afe55b rgb(175,229,91)
```
#a4e55b
```
#a4e55b rgb(164,229,91)
```
#98e55b
```
#98e55b rgb(152,229,91)
```
#8de55b
```
#8de55b rgb(141,229,91)
```

Similar Colors

Text with hexadecimal color #afe55b

This text has a font color of #afe55b.

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

#afe55b background color

This paragraph has a background color of #afe55b.

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

#afe55b border color

This element has a border color of #afe55b.

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

CSS codes

.text {color:#afe55b;}

.background {background-color:#afe55b;}

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

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

#040501
```
#040501 rgb(4,5,1)
```
#0f1604
```
#0f1604 rgb(15,22,4)
```
#1a2706
```
#1a2706 rgb(26,39,6)
```
#263809
```
#263809 rgb(38,56,9)
```
#31490c
```
#31490c rgb(49,73,12)
```
#3c5a0e
```
#3c5a0e rgb(60,90,14)
```
#486b11
```
#486b11 rgb(72,107,17)
```
#537c14
```
#537c14 rgb(83,124,20)
```
#5e8d16
```
#5e8d16 rgb(94,141,22)
```
#6a9e19
```
#6a9e19 rgb(106,158,25)
```
#75af1c
```
#75af1c rgb(117,175,28)
```
#80c01e
```
#80c01e rgb(128,192,30)
```
#8cd021
```
#8cd021 rgb(140,208,33)
```

Shade Color Variation

#96dd28
```
#96dd28 rgb(150,221,40)
```
#9ee039
```
#9ee039 rgb(158,224,57)
```
#a7e24a
```
#a7e24a rgb(167,226,74)
```
#afe55b
```
#afe55b rgb(175,229,91)
```
#b7e86c
```
#b7e86c rgb(183,232,108)
```
#c0ea7d
```
#c0ea7d rgb(192,234,125)
```
#c8ed8e
```
#c8ed8e rgb(200,237,142)
```
#d0f09f
```
#d0f09f rgb(208,240,159)
```
#d8f2b0
```
#d8f2b0 rgb(216,242,176)
```
#e1f5c1
```
#e1f5c1 rgb(225,245,193)
```
#e9f8d2
```
#e9f8d2 rgb(233,248,210)
```
#f1fae2
```
#f1fae2 rgb(241,250,226)
```
#f9fdf3
```
#f9fdf3 rgb(249,253,243)
```

Tint Color Variation

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

#a1a39d
```
#a1a39d rgb(161,163,157)
```
#a2ab95
```
#a2ab95 rgb(162,171,149)
```
#a4b28e
```
#a4b28e rgb(164,178,142)
```
#a5b987
```
#a5b987 rgb(165,185,135)
```
#a7c080
```
#a7c080 rgb(167,192,128)
```
#a9c878
```
#a9c878 rgb(169,200,120)
```
#aacf71
```
#aacf71 rgb(170,207,113)
```
#acd66a
```
#acd66a rgb(172,214,106)
```
#adde62
```
#adde62 rgb(173,222,98)
```
#afe55b
```
#afe55b rgb(175,229,91)
```
#b1ec54
```
#b1ec54 rgb(177,236,84)
```
#b2f44c
```
#b2f44c rgb(178,244,76)
```
#b4fb45
```
#b4fb45 rgb(180,251,69)
```

Tone Color Variation

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

#c5c5c5 Achromatopsia 0.005% of the population
#c1cbb0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#edd65e Protanopia 1% of men
#ffce87 Deuteranopia 1% of men
#c6d8e8 Tritanopia 0.001% of the population

Trichromacy

#d6db5d Protanomaly 1% of men, 0.01% of women
#e1d677 Deuteranomaly 6% of men, 0.4% of women
#beddb4 Tritanomaly 0.01% of the population

#afe55b hex color

#afe55b Color Information

#afe55b Color Conversion

Color Schemes with #afe55b

Alternatives to #afe55b

#afe55b Preview

Shades and Tints of #afe55b

Tones of #afe55b

Color Blindness Simulator