#afe248 hex color

In a RGB color space, hex #afe248 is composed of 68.6% red, 88.6% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 22.6% cyan, 0% magenta, 68.1% yellow and 11.4% black. It has a hue angle of 79.9 degrees, a saturation of 72.6% and a lightness of 58.4%. #afe248 color hex could be obtained by blending #ffff90 with #5fc500. Closest websafe color is: #99cc33.

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

● #afe248 color description : Soft green.

The hexadecimal color #afe248 has RGB values of R:175, G:226, B:72 and CMYK values of C:0.23, M:0, Y:0.68, K:0.11. Its decimal value is 11526728.

Hex triplet	afe248	`#afe248`
RGB Decimal	175, 226, 72	`rgb(175,226,72)`
RGB Percent	68.6, 88.6, 28.2	`rgb(68.6%,88.6%,28.2%)`
CMYK	23, 0, 68, 11
HSL	79.9°, 72.6, 58.4	`hsl(79.9,72.6%,58.4%)`
HSV (or HSB)	79.9°, 68.1, 88.6
Web Safe	99cc33	`#99cc33`

CIE-LAB	83.952, -38.138, 66.675
XYZ	46.044, 63.974, 16.053
xyY	0.365, 0.507, 63.974
CIE-LCH	83.952, 76.812, 119.769
CIE-LUV	83.952, -25.174, 85.158
Hunter-Lab	79.984, -37.213, 44.089
Binary	10101111, 11100010, 01001000

#afe248
```
#afe248 rgb(175,226,72)
```
#7b48e2
```
#7b48e2 rgb(123,72,226)
```

Complementary Color

#e2c848
```
#e2c848 rgb(226,200,72)
```
#afe248
```
#afe248 rgb(175,226,72)
```
#62e248
```
#62e248 rgb(98,226,72)
```

Analogous Color

#c848e2
```
#c848e2 rgb(200,72,226)
```
#afe248
```
#afe248 rgb(175,226,72)
```
#4862e2
```
#4862e2 rgb(72,98,226)
```

Split Complementary Color

#e248af
```
#e248af rgb(226,72,175)
```
#afe248
```
#afe248 rgb(175,226,72)
```
#48afe2
```
#48afe2 rgb(72,175,226)
```

Triadic Color

#e27b48
```
#e27b48 rgb(226,123,72)
```
#afe248
```
#afe248 rgb(175,226,72)
```
#48afe2
```
#48afe2 rgb(72,175,226)
```
#7b48e2
```
#7b48e2 rgb(123,72,226)
```

Tetradic Color

#8abf1e
```
#8abf1e rgb(138,191,30)
```
#9ad522
```
#9ad522 rgb(154,213,34)
```
#a5df32
```
#a5df32 rgb(165,223,50)
```
#afe248
```
#afe248 rgb(175,226,72)
```
#b9e55e
```
#b9e55e rgb(185,229,94)
```
#c2e974
```
#c2e974 rgb(194,233,116)
```
#ccec8a
```
#ccec8a rgb(204,236,138)
```

Monochromatic Color

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

#d6e248
```
#d6e248 rgb(214,226,72)
```
#c9e248
```
#c9e248 rgb(201,226,72)
```
#bce248
```
#bce248 rgb(188,226,72)
```
#afe248
```
#afe248 rgb(175,226,72)
```
#a2e248
```
#a2e248 rgb(162,226,72)
```
#95e248
```
#95e248 rgb(149,226,72)
```
#89e248
```
#89e248 rgb(137,226,72)
```

Similar Colors

Text with hexadecimal color #afe248

This text has a font color of #afe248.

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

#afe248 background color

This paragraph has a background color of #afe248.

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

#afe248 border color

This element has a border color of #afe248.

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

CSS codes

.text {color:#afe248;}

.background {background-color:#afe248;}

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

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

#020301
```
#020301 rgb(2,3,1)
```
#0f1403
```
#0f1403 rgb(15,20,3)
```
#1b2506
```
#1b2506 rgb(27,37,6)
```
#273609
```
#273609 rgb(39,54,9)
```
#33470b
```
#33470b rgb(51,71,11)
```
#3f580e
```
#3f580e rgb(63,88,14)
```
#4c6911
```
#4c6911 rgb(76,105,17)
```
#587a13
```
#587a13 rgb(88,122,19)
```
#648b16
```
#648b16 rgb(100,139,22)
```
#709c19
```
#709c19 rgb(112,156,25)
```
#7cad1b
```
#7cad1b rgb(124,173,27)
```
#89be1e
```
#89be1e rgb(137,190,30)
```
#95ce21
```
#95ce21 rgb(149,206,33)
```

Shade Color Variation

#a0dd26
```
#a0dd26 rgb(160,221,38)
```
#a8df37
```
#a8df37 rgb(168,223,55)
```
#afe248
```
#afe248 rgb(175,226,72)
```
#b6e559
```
#b6e559 rgb(182,229,89)
```
#bee76a
```
#bee76a rgb(190,231,106)
```
#c5ea7b
```
#c5ea7b rgb(197,234,123)
```
#cded8c
```
#cded8c rgb(205,237,140)
```
#d4ef9d
```
#d4ef9d rgb(212,239,157)
```
#dbf2ae
```
#dbf2ae rgb(219,242,174)
```
#e3f5bf
```
#e3f5bf rgb(227,245,191)
```
#eaf7cf
```
#eaf7cf rgb(234,247,207)
```
#f2fae0
```
#f2fae0 rgb(242,250,224)
```
#f9fdf1
```
#f9fdf1 rgb(249,253,241)
```

Tint Color Variation

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

#969991
```
#969991 rgb(150,153,145)
```
#99a189
```
#99a189 rgb(153,161,137)
```
#9ca981
```
#9ca981 rgb(156,169,129)
```
#9eb179
```
#9eb179 rgb(158,177,121)
```
#a1b971
```
#a1b971 rgb(161,185,113)
```
#a4c169
```
#a4c169 rgb(164,193,105)
```
#a7ca60
```
#a7ca60 rgb(167,202,96)
```
#a9d258
```
#a9d258 rgb(169,210,88)
```
#acda50
```
#acda50 rgb(172,218,80)
```
#afe248
```
#afe248 rgb(175,226,72)
```
#b2ea40
```
#b2ea40 rgb(178,234,64)
```
#b5f238
```
#b5f238 rgb(181,242,56)
```
#b7fa30
```
#b7fa30 rgb(183,250,48)
```

Tone Color Variation

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

#c1c1c1 Achromatopsia 0.005% of the population
#bdc8a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ebd44d Protanopia 1% of men
#ffcb77 Deuteranopia 1% of men
#c7d5e4 Tritanopia 0.001% of the population

Trichromacy

#d5d94b Protanomaly 1% of men, 0.01% of women
#e1d366 Deuteranomaly 6% of men, 0.4% of women
#bedaab Tritanomaly 0.01% of the population

#afe248 hex color

#afe248 Color Information

#afe248 Color Conversion

Color Schemes with #afe248

Alternatives to #afe248

#afe248 Preview

Shades and Tints of #afe248

Tones of #afe248

Color Blindness Simulator