#afe954 hex color

In a RGB color space, hex #afe954 is composed of 68.6% red, 91.4% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 24.9% cyan, 0% magenta, 63.9% yellow and 8.6% black. It has a hue angle of 83.4 degrees, a saturation of 77.2% and a lightness of 62.2%. #afe954 color hex could be obtained by blending #ffffa8 with #5fd300. Closest websafe color is: #99ff66.

♥
- f
- t
- g
- R 69
- G 91
- B 33
RGB color chart
- C 25
- M 0
- Y 64
- K 9
CMYK color chart

● #afe954 color description : Soft green.

The hexadecimal color #afe954 has RGB values of R:175, G:233, B:84 and CMYK values of C:0.25, M:0, Y:0.64, K:0.09. Its decimal value is 11528532.

Hex triplet	afe954	`#afe954`
RGB Decimal	175, 233, 84	`rgb(175,233,84)`
RGB Percent	68.6, 91.4, 32.9	`rgb(68.6%,91.4%,32.9%)`
CMYK	25, 0, 64, 9
HSL	83.4°, 77.2, 62.2	`hsl(83.4,77.2%,62.2%)`
HSV (or HSB)	83.4°, 63.9, 91.4
Web Safe	99ff66	`#99ff66`

CIE-LAB	86.022, -40.426, 64.202
XYZ	48.417, 68.031, 18.967
xyY	0.358, 0.502, 68.031
CIE-LCH	86.022, 75.869, 122.198
CIE-LUV	86.022, -28.861, 84.466
Hunter-Lab	82.481, -39.559, 44.102
Binary	10101111, 11101001, 01010100

#afe954
```
#afe954 rgb(175,233,84)
```
#8e54e9
```
#8e54e9 rgb(142,84,233)
```

Complementary Color

#e9d954
```
#e9d954 rgb(233,217,84)
```
#afe954
```
#afe954 rgb(175,233,84)
```
#65e954
```
#65e954 rgb(101,233,84)
```

Analogous Color

#d954e9
```
#d954e9 rgb(217,84,233)
```
#afe954
```
#afe954 rgb(175,233,84)
```
#5465e9
```
#5465e9 rgb(84,101,233)
```

Split Complementary Color

#e954af
```
#e954af rgb(233,84,175)
```
#afe954
```
#afe954 rgb(175,233,84)
```
#54afe9
```
#54afe9 rgb(84,175,233)
```

Triadic Color

#e98e54
```
#e98e54 rgb(233,142,84)
```
#afe954
```
#afe954 rgb(175,233,84)
```
#54afe9
```
#54afe9 rgb(84,175,233)
```
#8e54e9
```
#8e54e9 rgb(142,84,233)
```

Tetradic Color

#8dd51b
```
#8dd51b rgb(141,213,27)
```
#9ae327
```
#9ae327 rgb(154,227,39)
```
#a4e63d
```
#a4e63d rgb(164,230,61)
```
#afe954
```
#afe954 rgb(175,233,84)
```
#baec6b
```
#baec6b rgb(186,236,107)
```
#c4ef81
```
#c4ef81 rgb(196,239,129)
```
#cff298
```
#cff298 rgb(207,242,152)
```

Monochromatic Color

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

#d4e954
```
#d4e954 rgb(212,233,84)
```
#c8e954
```
#c8e954 rgb(200,233,84)
```
#bbe954
```
#bbe954 rgb(187,233,84)
```
#afe954
```
#afe954 rgb(175,233,84)
```
#a3e954
```
#a3e954 rgb(163,233,84)
```
#96e954
```
#96e954 rgb(150,233,84)
```
#8ae954
```
#8ae954 rgb(138,233,84)
```

Similar Colors

Text with hexadecimal color #afe954

This text has a font color of #afe954.

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

#afe954 background color

This paragraph has a background color of #afe954.

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

#afe954 border color

This element has a border color of #afe954.

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

CSS codes

.text {color:#afe954;}

.background {background-color:#afe954;}

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

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

#020300
```
#020300 rgb(2,3,0)
```
#0d1403
```
#0d1403 rgb(13,20,3)
```
#192605
```
#192605 rgb(25,38,5)
```
#243707
```
#243707 rgb(36,55,7)
```
#304809
```
#304809 rgb(48,72,9)
```
#3b5a0c
```
#3b5a0c rgb(59,90,12)
```
#476b0e
```
#476b0e rgb(71,107,14)
```
#527c10
```
#527c10 rgb(82,124,16)
```
#5e8e12
```
#5e8e12 rgb(94,142,18)
```
#699f14
```
#699f14 rgb(105,159,20)
```
#75b117
```
#75b117 rgb(117,177,23)
```
#80c219
```
#80c219 rgb(128,194,25)
```
#8cd31b
```
#8cd31b rgb(140,211,27)
```

Shade Color Variation

#97e220
```
#97e220 rgb(151,226,32)
```
#9fe531
```
#9fe531 rgb(159,229,49)
```
#a7e743
```
#a7e743 rgb(167,231,67)
```
#afe954
```
#afe954 rgb(175,233,84)
```
#b7eb65
```
#b7eb65 rgb(183,235,101)
```
#bfed77
```
#bfed77 rgb(191,237,119)
```
#c7f088
```
#c7f088 rgb(199,240,136)
```
#d0f29a
```
#d0f29a rgb(208,242,154)
```
#d8f4ab
```
#d8f4ab rgb(216,244,171)
```
#e0f6bc
```
#e0f6bc rgb(224,246,188)
```
#e8f9ce
```
#e8f9ce rgb(232,249,206)
```
#f0fbdf
```
#f0fbdf rgb(240,251,223)
```
#f8fdf0
```
#f8fdf0 rgb(248,253,240)
```

Tint Color Variation

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

#9f9f9e
```
#9f9f9e rgb(159,159,158)
```
#a0a697
```
#a0a697 rgb(160,166,151)
```
#a2ae8f
```
#a2ae8f rgb(162,174,143)
```
#a3b588
```
#a3b588 rgb(163,181,136)
```
#a5bc81
```
#a5bc81 rgb(165,188,129)
```
#a7c479
```
#a7c479 rgb(167,196,121)
```
#a8cb72
```
#a8cb72 rgb(168,203,114)
```
#aad36a
```
#aad36a rgb(170,211,106)
```
#acda63
```
#acda63 rgb(172,218,99)
```
#ade25b
```
#ade25b rgb(173,226,91)
```
#afe954
```
#afe954 rgb(175,233,84)
```
#b1f04d
```
#b1f04d rgb(177,240,77)
```
#b2f845
```
#b2f845 rgb(178,248,69)
```

Tone Color Variation

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

#c7c7c7 Achromatopsia 0.005% of the population
#c2ceb0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f1d958 Protanopia 1% of men
#ffd191 Deuteranopia 1% of men
#c8dbeb Tritanopia 0.001% of the population

Trichromacy

#d9df56 Protanomaly 1% of men, 0.01% of women
#e1da7b Deuteranomaly 6% of men, 0.4% of women
#bee0b4 Tritanomaly 0.01% of the population

#afe954 hex color

#afe954 Color Information

#afe954 Color Conversion

Color Schemes with #afe954

Alternatives to #afe954

#afe954 Preview

Shades and Tints of #afe954

Tones of #afe954

Color Blindness Simulator