colorhexa.com

#afef48 hex color

In a RGB color space, hex #afef48 is composed of 68.6% red, 93.7% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 26.8% cyan, 0% magenta, 69.9% yellow and 6.3% black. It has a hue angle of 83 degrees, a saturation of 83.9% and a lightness of 61%. #afef48 color hex could be obtained by blending #ffff90 with #5fdf00. Closest websafe color is: #99ff33.

- R 69
- G 94
- B 28
RGB color chart
- C 27
- M 0
- Y 70
- K 6
CMYK color chart

● #afef48 color description : Soft green.

The hexadecimal color #afef48 has RGB values of R:175, G:239, B:72 and CMYK values of C:0.27, M:0, Y:0.7, K:0.06. Its decimal value is 11530056.

Hex triplet	afef48	`#afef48`
RGB Decimal	175, 239, 72	`rgb(175,239,72)`
RGB Percent	68.6, 93.7, 28.2	`rgb(68.6%,93.7%,28.2%)`
CMYK	27, 0, 70, 6
HSL	83°, 83.9, 61	`hsl(83,83.9%,61%)`
HSV (or HSB)	83°, 69.9, 93.7
Web Safe	99ff33	`#99ff33`

CIE-LAB	87.637, -43.854, 70.41
XYZ	49.714, 71.314, 17.276
xyY	0.359, 0.516, 71.314
CIE-LCH	87.637, 82.951, 121.916
CIE-LUV	87.637, -31.965, 90.739
Hunter-Lab	84.447, -42.699, 46.984
Binary	10101111, 11101111, 01001000

#afef48
```
#afef48 rgb(175,239,72)
```
#8848ef
```
#8848ef rgb(136,72,239)
```

Complementary Color

#efdc48
```
#efdc48 rgb(239,220,72)
```
#afef48
```
#afef48 rgb(175,239,72)
```
#5bef48
```
#5bef48 rgb(91,239,72)
```

Analogous Color

#dc48ef
```
#dc48ef rgb(220,72,239)
```
#afef48
```
#afef48 rgb(175,239,72)
```
#485cef
```
#485cef rgb(72,92,239)
```

Split Complementary Color

#ef48af
```
#ef48af rgb(239,72,175)
```
#afef48
```
#afef48 rgb(175,239,72)
```
#48afef
```
#48afef rgb(72,175,239)
```

Triadic Color

#ef8848
```
#ef8848 rgb(239,136,72)
```
#afef48
```
#afef48 rgb(175,239,72)
```
#48afef
```
#48afef rgb(72,175,239)
```
#8848ef
```
#8848ef rgb(136,72,239)
```

Tetradic Color

#8cd813
```
#8cd813 rgb(140,216,19)
```
#9aeb19
```
#9aeb19 rgb(154,235,25)
```
#a5ed31
```
#a5ed31 rgb(165,237,49)
```
#afef48
```
#afef48 rgb(175,239,72)
```
#b9f15f
```
#b9f15f rgb(185,241,95)
```
#c4f377
```
#c4f377 rgb(196,243,119)
```
#cef58e
```
#cef58e rgb(206,245,142)
```

Monochromatic Color

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

#d9ef48
```
#d9ef48 rgb(217,239,72)
```
#cbef48
```
#cbef48 rgb(203,239,72)
```
#bdef48
```
#bdef48 rgb(189,239,72)
```
#afef48
```
#afef48 rgb(175,239,72)
```
#a1ef48
```
#a1ef48 rgb(161,239,72)
```
#93ef48
```
#93ef48 rgb(147,239,72)
```
#85ef48
```
#85ef48 rgb(133,239,72)
```

Similar Colors

Text with hexadecimal color #afef48

This text has a font color of #afef48.

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

#afef48 background color

This paragraph has a background color of #afef48.

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

#afef48 border color

This element has a border color of #afef48.

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

CSS codes

.text {color:#afef48;}

.background {background-color:#afef48;}

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

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, #0a0f01 is the darkest color, while #fefffc is the lightest one.

#0a0f01
```
#0a0f01 rgb(10,15,1)
```
#162103
```
#162103 rgb(22,33,3)
```
#213305
```
#213305 rgb(33,51,5)
```
#2d4606
```
#2d4606 rgb(45,70,6)
```
#395808
```
#395808 rgb(57,88,8)
```
#456a09
```
#456a09 rgb(69,106,9)
```
#507c0b
```
#507c0b rgb(80,124,11)
```
#5c8e0c
```
#5c8e0c rgb(92,142,12)
```
#68a00e
```
#68a00e rgb(104,160,14)
```
#74b210
```
#74b210 rgb(116,178,16)
```
#7fc411
```
#7fc411 rgb(127,196,17)
```
#8bd613
```
#8bd613 rgb(139,214,19)
```
#97e814
```
#97e814 rgb(151,232,20)
```

Shade Color Variation

#9fec24
```
#9fec24 rgb(159,236,36)
```
#a7ed36
```
#a7ed36 rgb(167,237,54)
```
#afef48
```
#afef48 rgb(175,239,72)
```
#b7f15a
```
#b7f15a rgb(183,241,90)
```
#bff26c
```
#bff26c rgb(191,242,108)
```
#c7f47e
```
#c7f47e rgb(199,244,126)
```
#cff590
```
#cff590 rgb(207,245,144)
```
#d6f7a2
```
#d6f7a2 rgb(214,247,162)
```
#def8b4
```
#def8b4 rgb(222,248,180)
```
#e6fac6
```
#e6fac6 rgb(230,250,198)
```
#eefcd8
```
#eefcd8 rgb(238,252,216)
```
#f6fdea
```
#f6fdea rgb(246,253,234)
```
#fefffc
```
#fefffc rgb(254,255,252)
```

Tint Color Variation

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

#9da295
```
#9da295 rgb(157,162,149)
```
#9faa8d
```
#9faa8d rgb(159,170,141)
```
#a1b285
```
#a1b285 rgb(161,178,133)
```
#a2b97e
```
#a2b97e rgb(162,185,126)
```
#a4c176
```
#a4c176 rgb(164,193,118)
```
#a6c96e
```
#a6c96e rgb(166,201,110)
```
#a8d067
```
#a8d067 rgb(168,208,103)
```
#aad85f
```
#aad85f rgb(170,216,95)
```
#abe057
```
#abe057 rgb(171,224,87)
```
#ade750
```
#ade750 rgb(173,231,80)
```
#afef48
```
#afef48 rgb(175,239,72)
```
#b1f740
```
#b1f740 rgb(177,247,64)
```
#b3fe39
```
#b3fe39 rgb(179,254,57)
```

Tone Color Variation

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

#c9c9c9 Achromatopsia 0.005% of the population
#c4d1af Atypical Achromatopsia 0.001% of the population

Dichromacy

#f6dd4c Protanopia 1% of men
#ffd7a0 Deuteranopia 1% of men
#c9e0f1 Tritanopia 0.001% of the population

Trichromacy

#dce44b Protanomaly 1% of men, 0.01% of women
#e1df80 Deuteranomaly 6% of men, 0.4% of women
#c0e5b3 Tritanomaly 0.01% of the population