#afe948 hex color

In a RGB color space, hex #afe948 is composed of 68.6% red, 91.4% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 24.9% cyan, 0% magenta, 69.1% yellow and 8.6% black. It has a hue angle of 81.6 degrees, a saturation of 78.5% and a lightness of 59.8%. #afe948 color hex could be obtained by blending #ffff90 with #5fd300. Closest websafe color is: #99ff33.

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

● #afe948 color description : Soft green.

The hexadecimal color #afe948 has RGB values of R:175, G:233, B:72 and CMYK values of C:0.25, M:0, Y:0.69, K:0.09. Its decimal value is 11528520.

Hex triplet	afe948	`#afe948`
RGB Decimal	175, 233, 72	`rgb(175,233,72)`
RGB Percent	68.6, 91.4, 28.2	`rgb(68.6%,91.4%,28.2%)`
CMYK	25, 0, 69, 9
HSL	81.6°, 78.5, 59.8	`hsl(81.6,78.5%,59.8%)`
HSV (or HSB)	81.6°, 69.1, 91.4
Web Safe	99ff33	`#99ff33`

CIE-LAB	85.936, -41.242, 68.693
XYZ	47.987, 67.859, 16.7
xyY	0.362, 0.512, 67.859
CIE-LCH	85.936, 80.123, 120.98
CIE-LUV	85.936, -28.866, 88.174
Hunter-Lab	82.376, -40.176, 45.643
Binary	10101111, 11101001, 01001000

#afe948
```
#afe948 rgb(175,233,72)
```
#8248e9
```
#8248e9 rgb(130,72,233)
```

Complementary Color

#e9d348
```
#e9d348 rgb(233,211,72)
```
#afe948
```
#afe948 rgb(175,233,72)
```
#5fe948
```
#5fe948 rgb(95,233,72)
```

Analogous Color

#d348e9
```
#d348e9 rgb(211,72,233)
```
#afe948
```
#afe948 rgb(175,233,72)
```
#485fe9
```
#485fe9 rgb(72,95,233)
```

Split Complementary Color

#e948af
```
#e948af rgb(233,72,175)
```
#afe948
```
#afe948 rgb(175,233,72)
```
#48afe9
```
#48afe9 rgb(72,175,233)
```

Triadic Color

#e98248
```
#e98248 rgb(233,130,72)
```
#afe948
```
#afe948 rgb(175,233,72)
```
#48afe9
```
#48afe9 rgb(72,175,233)
```
#8248e9
```
#8248e9 rgb(130,72,233)
```

Tetradic Color

#8bcc19
```
#8bcc19 rgb(139,204,25)
```
#9be31b
```
#9be31b rgb(155,227,27)
```
#a5e631
```
#a5e631 rgb(165,230,49)
```
#afe948
```
#afe948 rgb(175,233,72)
```
#b9ec5f
```
#b9ec5f rgb(185,236,95)
```
#c3ee76
```
#c3ee76 rgb(195,238,118)
```
#cdf18c
```
#cdf18c rgb(205,241,140)
```

Monochromatic Color

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

#d7e948
```
#d7e948 rgb(215,233,72)
```
#cae948
```
#cae948 rgb(202,233,72)
```
#bce948
```
#bce948 rgb(188,233,72)
```
#afe948
```
#afe948 rgb(175,233,72)
```
#a2e948
```
#a2e948 rgb(162,233,72)
```
#94e948
```
#94e948 rgb(148,233,72)
```
#87e948
```
#87e948 rgb(135,233,72)
```

Similar Colors

Text with hexadecimal color #afe948

This text has a font color of #afe948.

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

#afe948 background color

This paragraph has a background color of #afe948.

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

#afe948 border color

This element has a border color of #afe948.

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

CSS codes

.text {color:#afe948;}

.background {background-color:#afe948;}

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

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, #070a01 is the darkest color, while #fcfef7 is the lightest one.

#070a01
```
#070a01 rgb(7,10,1)
```
#131b03
```
#131b03 rgb(19,27,3)
```
#1e2d05
```
#1e2d05 rgb(30,45,5)
```
#2a3e07
```
#2a3e07 rgb(42,62,7)
```
#36500a
```
#36500a rgb(54,80,10)
```
#42610c
```
#42610c rgb(66,97,12)
```
#4e730e
```
#4e730e rgb(78,115,14)
```
#5a8410
```
#5a8410 rgb(90,132,16)
```
#669612
```
#669612 rgb(102,150,18)
```
#72a714
```
#72a714 rgb(114,167,20)
```
#7eb916
```
#7eb916 rgb(126,185,22)
```
#8aca18
```
#8aca18 rgb(138,202,24)
```
#96dc1a
```
#96dc1a rgb(150,220,26)
```

Shade Color Variation

#a0e525
```
#a0e525 rgb(160,229,37)
```
#a7e736
```
#a7e736 rgb(167,231,54)
```
#afe948
```
#afe948 rgb(175,233,72)
```
#b7eb5a
```
#b7eb5a rgb(183,235,90)
```
#beed6b
```
#beed6b rgb(190,237,107)
```
#c6ef7d
```
#c6ef7d rgb(198,239,125)
```
#cef18e
```
#cef18e rgb(206,241,142)
```
#d5f4a0
```
#d5f4a0 rgb(213,244,160)
```
#ddf6b1
```
#ddf6b1 rgb(221,246,177)
```
#e5f8c3
```
#e5f8c3 rgb(229,248,195)
```
#ecfad4
```
#ecfad4 rgb(236,250,212)
```
#f4fce6
```
#f4fce6 rgb(244,252,230)
```
#fcfef7
```
#fcfef7 rgb(252,254,247)
```

Tint Color Variation

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

#999a97
```
#999a97 rgb(153,154,151)
```
#9ba28f
```
#9ba28f rgb(155,162,143)
```
#9daa87
```
#9daa87 rgb(157,170,135)
```
#a0b27f
```
#a0b27f rgb(160,178,127)
```
#a2ba77
```
#a2ba77 rgb(162,186,119)
```
#a4c26f
```
#a4c26f rgb(164,194,111)
```
#a6c968
```
#a6c968 rgb(166,201,104)
```
#a8d160
```
#a8d160 rgb(168,209,96)
```
#abd958
```
#abd958 rgb(171,217,88)
```
#ade150
```
#ade150 rgb(173,225,80)
```
#afe948
```
#afe948 rgb(175,233,72)
```
#b1f140
```
#b1f140 rgb(177,241,64)
```
#b3f938
```
#b3f938 rgb(179,249,56)
```

Tone Color Variation

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

Dichromacy

#f1d94d Protanopia 1% of men
#ffd18f Deuteranopia 1% of men
#c8dbeb Tritanopia 0.001% of the population

Trichromacy

#d9df4b Protanomaly 1% of men, 0.01% of women
#e1da75 Deuteranomaly 6% of men, 0.4% of women
#bfe0af Tritanomaly 0.01% of the population

#afe948 hex color

#afe948 Color Information

#afe948 Color Conversion

Color Schemes with #afe948

Alternatives to #afe948

#afe948 Preview

Shades and Tints of #afe948

Tones of #afe948

Color Blindness Simulator