#afe168 hex color

In a RGB color space, hex #afe168 is composed of 68.6% red, 88.2% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 22.2% cyan, 0% magenta, 53.8% yellow and 11.8% black. It has a hue angle of 84.8 degrees, a saturation of 66.9% and a lightness of 64.5%. #afe168 color hex could be obtained by blending #ffffd0 with #5fc300. Closest websafe color is: #99cc66.

♥
- f
- t
- g
- R 69
- G 88
- B 41
RGB color chart
- C 22
- M 0
- Y 54
- K 12
CMYK color chart

● #afe168 color description : Soft green.

The hexadecimal color #afe168 has RGB values of R:175, G:225, B:104 and CMYK values of C:0.22, M:0, Y:0.54, K:0.12. Its decimal value is 11526504.

Hex triplet	afe168	`#afe168`
RGB Decimal	175, 225, 104	`rgb(175,225,104)`
RGB Percent	68.6, 88.2, 40.8	`rgb(68.6%,88.2%,40.8%)`
CMYK	22, 0, 54, 12
HSL	84.8°, 66.9, 64.5	`hsl(84.8,66.9%,64.5%)`
HSV (or HSB)	84.8°, 53.8, 88.2
Web Safe	99cc66	`#99cc66`

CIE-LAB	83.946, -35.13, 53.279
XYZ	47.102, 63.963, 22.96
xyY	0.351, 0.477, 63.963
CIE-LCH	83.946, 63.818, 123.399
CIE-LUV	83.946, -24.714, 73.068
Hunter-Lab	79.977, -34.832, 38.962
Binary	10101111, 11100001, 01101000

#afe168
```
#afe168 rgb(175,225,104)
```
#9a68e1
```
#9a68e1 rgb(154,104,225)
```

Complementary Color

#e1d768
```
#e1d768 rgb(225,215,104)
```
#afe168
```
#afe168 rgb(175,225,104)
```
#73e168
```
#73e168 rgb(115,225,104)
```

Analogous Color

#d768e1
```
#d768e1 rgb(215,104,225)
```
#afe168
```
#afe168 rgb(175,225,104)
```
#6873e1
```
#6873e1 rgb(104,115,225)
```

Split Complementary Color

#e168af
```
#e168af rgb(225,104,175)
```
#afe168
```
#afe168 rgb(175,225,104)
```
#68afe1
```
#68afe1 rgb(104,175,225)
```

Triadic Color

#e19a68
```
#e19a68 rgb(225,154,104)
```
#afe168
```
#afe168 rgb(175,225,104)
```
#68afe1
```
#68afe1 rgb(104,175,225)
```
#9a68e1
```
#9a68e1 rgb(154,104,225)
```

Tetradic Color

#8dd32a
```
#8dd32a rgb(141,211,42)
```
#98d93d
```
#98d93d rgb(152,217,61)
```
#a4dd53
```
#a4dd53 rgb(164,221,83)
```
#afe168
```
#afe168 rgb(175,225,104)
```
#bae57d
```
#bae57d rgb(186,229,125)
```
#c6e993
```
#c6e993 rgb(198,233,147)
```
#d1eea8
```
#d1eea8 rgb(209,238,168)
```

Monochromatic Color

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

#cde168
```
#cde168 rgb(205,225,104)
```
#c3e168
```
#c3e168 rgb(195,225,104)
```
#b9e168
```
#b9e168 rgb(185,225,104)
```
#afe168
```
#afe168 rgb(175,225,104)
```
#a5e168
```
#a5e168 rgb(165,225,104)
```
#9be168
```
#9be168 rgb(155,225,104)
```
#91e168
```
#91e168 rgb(145,225,104)
```

Similar Colors

Text with hexadecimal color #afe168

This text has a font color of #afe168.

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

#afe168 background color

This paragraph has a background color of #afe168.

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

#afe168 border color

This element has a border color of #afe168.

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

CSS codes

.text {color:#afe168;}

.background {background-color:#afe168;}

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

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, #080d03 is the darkest color, while #fdfefb is the lightest one.

#080d03
```
#080d03 rgb(8,13,3)
```
#131d06
```
#131d06 rgb(19,29,6)
```
#1e2d09
```
#1e2d09 rgb(30,45,9)
```
#293e0c
```
#293e0c rgb(41,62,12)
```
#344e10
```
#344e10 rgb(52,78,16)
```
#3f5e13
```
#3f5e13 rgb(63,94,19)
```
#4a6f16
```
#4a6f16 rgb(74,111,22)
```
#557f19
```
#557f19 rgb(85,127,25)
```
#60901d
```
#60901d rgb(96,144,29)
```
#6ba020
```
#6ba020 rgb(107,160,32)
```
#76b023
```
#76b023 rgb(118,176,35)
```
#81c126
```
#81c126 rgb(129,193,38)
```
#8cd12a
```
#8cd12a rgb(140,209,42)
```

Shade Color Variation

#95d737
```
#95d737 rgb(149,215,55)
```
#9eda47
```
#9eda47 rgb(158,218,71)
```
#a6de58
```
#a6de58 rgb(166,222,88)
```
#afe168
```
#afe168 rgb(175,225,104)
```
#b8e478
```
#b8e478 rgb(184,228,120)
```
#c0e889
```
#c0e889 rgb(192,232,137)
```
#c9eb99
```
#c9eb99 rgb(201,235,153)
```
#d2eea9
```
#d2eea9 rgb(210,238,169)
```
#daf1ba
```
#daf1ba rgb(218,241,186)
```
#e3f5ca
```
#e3f5ca rgb(227,245,202)
```
#ecf8db
```
#ecf8db rgb(236,248,219)
```
#f4fbeb
```
#f4fbeb rgb(244,251,235)
```
#fdfefb
```
#fdfefb rgb(253,254,251)
```

Tint Color Variation

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

#a5a9a0
```
#a5a9a0 rgb(165,169,160)
```
#a7b099
```
#a7b099 rgb(167,176,153)
```
#a8b792
```
#a8b792 rgb(168,183,146)
```
#a9be8b
```
#a9be8b rgb(169,190,139)
```
#aac584
```
#aac584 rgb(170,197,132)
```
#abcc7d
```
#abcc7d rgb(171,204,125)
```
#add376
```
#add376 rgb(173,211,118)
```
#aeda6f
```
#aeda6f rgb(174,218,111)
```
#afe168
```
#afe168 rgb(175,225,104)
```
#b0e861
```
#b0e861 rgb(176,232,97)
```
#b1ef5a
```
#b1ef5a rgb(177,239,90)
```
#b3f653
```
#b3f653 rgb(179,246,83)
```
#b4fd4c
```
#b4fd4c rgb(180,253,76)
```

Tone Color Variation

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

#c4c4c4 Achromatopsia 0.005% of the population
#c0cab2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e9d36b Protanopia 1% of men
#ffca7e Deuteranopia 1% of men
#c5d5e5 Tritanopia 0.001% of the population

Trichromacy

#d4d86a Protanomaly 1% of men, 0.01% of women
#e1d276 Deuteranomaly 6% of men, 0.4% of women
#bdd9b7 Tritanomaly 0.01% of the population

#afe168 hex color

#afe168 Color Information

#afe168 Color Conversion

Color Schemes with #afe168

Alternatives to #afe168

#afe168 Preview

Shades and Tints of #afe168

Tones of #afe168

Color Blindness Simulator