#afe474 hex color

In a RGB color space, hex #afe474 is composed of 68.6% red, 89.4% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 23.2% cyan, 0% magenta, 49.1% yellow and 10.6% black. It has a hue angle of 88.4 degrees, a saturation of 67.5% and a lightness of 67.5%. #afe474 color hex could be obtained by blending #ffffe8 with #5fc900. Closest websafe color is: #99cc66.

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

● #afe474 color description : Soft green.

The hexadecimal color #afe474 has RGB values of R:175, G:228, B:116 and CMYK values of C:0.23, M:0, Y:0.49, K:0.11. Its decimal value is 11527284.

Hex triplet	afe474	`#afe474`
RGB Decimal	175, 228, 116	`rgb(175,228,116)`
RGB Percent	68.6, 89.4, 45.5	`rgb(68.6%,89.4%,45.5%)`
CMYK	23, 0, 49, 11
HSL	88.4°, 67.5, 67.5	`hsl(88.4,67.5%,67.5%)`
HSV (or HSB)	88.4°, 49.1, 89.4
Web Safe	99cc66	`#99cc66`

CIE-LAB	84.925, -35.27, 48.864
XYZ	48.574, 65.861, 26.675
xyY	0.344, 0.467, 65.861
CIE-LCH	84.925, 60.264, 125.822
CIE-LUV	84.925, -26.298, 69.063
Hunter-Lab	81.155, -35.182, 37.32
Binary	10101111, 11100100, 01110100

#afe474
```
#afe474 rgb(175,228,116)
```
#a974e4
```
#a974e4 rgb(169,116,228)
```

Complementary Color

#e4e174
```
#e4e174 rgb(228,225,116)
```
#afe474
```
#afe474 rgb(175,228,116)
```
#77e474
```
#77e474 rgb(119,228,116)
```

Analogous Color

#e174e4
```
#e174e4 rgb(225,116,228)
```
#afe474
```
#afe474 rgb(175,228,116)
```
#7477e4
```
#7477e4 rgb(116,119,228)
```

Split Complementary Color

#e474af
```
#e474af rgb(228,116,175)
```
#afe474
```
#afe474 rgb(175,228,116)
```
#74afe4
```
#74afe4 rgb(116,175,228)
```

Triadic Color

#e4a974
```
#e4a974 rgb(228,169,116)
```
#afe474
```
#afe474 rgb(175,228,116)
```
#74afe4
```
#74afe4 rgb(116,175,228)
```
#a974e4
```
#a974e4 rgb(169,116,228)
```

Tetradic Color

#8ad834
```
#8ad834 rgb(138,216,52)
```
#96dc49
```
#96dc49 rgb(150,220,73)
```
#a3e05f
```
#a3e05f rgb(163,224,95)
```
#afe474
```
#afe474 rgb(175,228,116)
```
#bbe889
```
#bbe889 rgb(187,232,137)
```
#c8ec9f
```
#c8ec9f rgb(200,236,159)
```
#d4f0b4
```
#d4f0b4 rgb(212,240,180)
```

Monochromatic Color

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

#cbe474
```
#cbe474 rgb(203,228,116)
```
#c2e474
```
#c2e474 rgb(194,228,116)
```
#b8e474
```
#b8e474 rgb(184,228,116)
```
#afe474
```
#afe474 rgb(175,228,116)
```
#a6e474
```
#a6e474 rgb(166,228,116)
```
#9ce474
```
#9ce474 rgb(156,228,116)
```
#93e474
```
#93e474 rgb(147,228,116)
```

Similar Colors

Text with hexadecimal color #afe474

This text has a font color of #afe474.

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

#afe474 background color

This paragraph has a background color of #afe474.

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

#afe474 border color

This element has a border color of #afe474.

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

CSS codes

.text {color:#afe474;}

.background {background-color:#afe474;}

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

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

#050902
```
#050902 rgb(5,9,2)
```
#101905
```
#101905 rgb(16,25,5)
```
#1a2a08
```
#1a2a08 rgb(26,42,8)
```
#243a0b
```
#243a0b rgb(36,58,11)
```
#2e4b0e
```
#2e4b0e rgb(46,75,14)
```
#385b12
```
#385b12 rgb(56,91,18)
```
#426b15
```
#426b15 rgb(66,107,21)
```
#4d7c18
```
#4d7c18 rgb(77,124,24)
```
#578c1b
```
#578c1b rgb(87,140,27)
```
#619d1e
```
#619d1e rgb(97,157,30)
```
#6bad22
```
#6bad22 rgb(107,173,34)
```
#75bd25
```
#75bd25 rgb(117,189,37)
```
#7fce28
```
#7fce28 rgb(127,206,40)
```

Shade Color Variation

#89d732
```
#89d732 rgb(137,215,50)
```
#93da43
```
#93da43 rgb(147,218,67)
```
#9cde53
```
#9cde53 rgb(156,222,83)
```
#a6e164
```
#a6e164 rgb(166,225,100)
```
#afe474
```
#afe474 rgb(175,228,116)
```
#b8e784
```
#b8e784 rgb(184,231,132)
```
#c2ea95
```
#c2ea95 rgb(194,234,149)
```
#cbeea5
```
#cbeea5 rgb(203,238,165)
```
#d5f1b6
```
#d5f1b6 rgb(213,241,182)
```
#def4c6
```
#def4c6 rgb(222,244,198)
```
#e8f7d7
```
#e8f7d7 rgb(232,247,215)
```
#f1fae7
```
#f1fae7 rgb(241,250,231)
```
#fbfef7
```
#fbfef7 rgb(251,254,247)
```

Tint Color Variation

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

#acb1a7
```
#acb1a7 rgb(172,177,167)
```
#adb7a1
```
#adb7a1 rgb(173,183,161)
```
#adbe9a
```
#adbe9a rgb(173,190,154)
```
#adc494
```
#adc494 rgb(173,196,148)
```
#aeca8e
```
#aeca8e rgb(174,202,142)
```
#aed187
```
#aed187 rgb(174,209,135)
```
#aed781
```
#aed781 rgb(174,215,129)
```
#afde7a
```
#afde7a rgb(175,222,122)
```
#afe474
```
#afe474 rgb(175,228,116)
```
#afea6e
```
#afea6e rgb(175,234,110)
```
#b0f167
```
#b0f167 rgb(176,241,103)
```
#b0f761
```
#b0f761 rgb(176,247,97)
```
#b0fe5a
```
#b0fe5a rgb(176,254,90)
```

Tone Color Variation

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

Dichromacy

#ebd676 Protanopia 1% of men
#ffcd8d Deuteranopia 1% of men
#c5d9e8 Tritanopia 0.001% of the population

Trichromacy

#d5db75 Protanomaly 1% of men, 0.01% of women
#e1d584 Deuteranomaly 6% of men, 0.4% of women
#bdddbe Tritanomaly 0.01% of the population

#afe474 hex color

#afe474 Color Information

#afe474 Color Conversion

Color Schemes with #afe474

Alternatives to #afe474

#afe474 Preview

Shades and Tints of #afe474

Tones of #afe474

Color Blindness Simulator