#48e1af hex color

In a RGB color space, hex #48e1af is composed of 28.2% red, 88.2% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 68% cyan, 0% magenta, 22.2% yellow and 11.8% black. It has a hue angle of 160.4 degrees, a saturation of 71.8% and a lightness of 58.2%. #48e1af color hex could be obtained by blending #90ffff with #00c35f. Closest websafe color is: #33cc99.

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

● #48e1af color description : Soft cyan - lime green.

The hexadecimal color #48e1af has RGB values of R:72, G:225, B:175 and CMYK values of C:0.68, M:0, Y:0.22, K:0.12. Its decimal value is 4776367.

Hex triplet	48e1af	`#48e1af`
RGB Decimal	72, 225, 175	`rgb(72,225,175)`
RGB Percent	28.2, 88.2, 68.6	`rgb(28.2%,88.2%,68.6%)`
CMYK	68, 0, 22, 12
HSL	160.4°, 71.8, 58.2	`hsl(160.4,71.8%,58.2%)`
HSV (or HSB)	160.4°, 68, 88.2
Web Safe	33cc99	`#33cc99`

CIE-LAB	80.916, -51.569, 12.957
XYZ	37.333, 58.32, 49.844
xyY	0.257, 0.401, 58.32
CIE-LCH	80.916, 53.172, 165.896
CIE-LUV	80.916, -60.151, 27.409
Hunter-Lab	76.367, -46.382, 14.759
Binary	01001000, 11100001, 10101111

#48e1af
```
#48e1af rgb(72,225,175)
```
#e1487a
```
#e1487a rgb(225,72,122)
```

Complementary Color

#48e163
```
#48e163 rgb(72,225,99)
```
#48e1af
```
#48e1af rgb(72,225,175)
```
#48c7e1
```
#48c7e1 rgb(72,199,225)
```

Analogous Color

#e16348
```
#e16348 rgb(225,99,72)
```
#48e1af
```
#48e1af rgb(72,225,175)
```
#e148c7
```
#e148c7 rgb(225,72,199)
```

Split Complementary Color

#e1af48
```
#e1af48 rgb(225,175,72)
```
#48e1af
```
#48e1af rgb(72,225,175)
```
#af48e1
```
#af48e1 rgb(175,72,225)
```

Triadic Color

#7ae148
```
#7ae148 rgb(122,225,72)
```
#48e1af
```
#48e1af rgb(72,225,175)
```
#af48e1
```
#af48e1 rgb(175,72,225)
```
#e1487a
```
#e1487a rgb(225,72,122)
```

Tetradic Color

#1fbd8a
```
#1fbd8a rgb(31,189,138)
```
#23d39a
```
#23d39a rgb(35,211,154)
```
#32dda5
```
#32dda5 rgb(50,221,165)
```
#48e1af
```
#48e1af rgb(72,225,175)
```
#5ee5b9
```
#5ee5b9 rgb(94,229,185)
```
#74e8c2
```
#74e8c2 rgb(116,232,194)
```
#8aeccc
```
#8aeccc rgb(138,236,204)
```

Monochromatic Color

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

#48e189
```
#48e189 rgb(72,225,137)
```
#48e196
```
#48e196 rgb(72,225,150)
```
#48e1a2
```
#48e1a2 rgb(72,225,162)
```
#48e1af
```
#48e1af rgb(72,225,175)
```
#48e1bc
```
#48e1bc rgb(72,225,188)
```
#48e1c9
```
#48e1c9 rgb(72,225,201)
```
#48e1d5
```
#48e1d5 rgb(72,225,213)
```

Similar Colors

Text with hexadecimal color #48e1af

This text has a font color of #48e1af.

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

#48e1af background color

This paragraph has a background color of #48e1af.

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

#48e1af border color

This element has a border color of #48e1af.

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

CSS codes

.text {color:#48e1af;}

.background {background-color:#48e1af;}

.border {border:1px solid #48e1af;}

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

#000202
```
#000202 rgb(0,2,2)
```
#03130e
```
#03130e rgb(3,19,14)
```
#06241a
```
#06241a rgb(6,36,26)
```
#093526
```
#093526 rgb(9,53,38)
```
#0b4633
```
#0b4633 rgb(11,70,51)
```
#0e573f
```
#0e573f rgb(14,87,63)
```
#11674b
```
#11674b rgb(17,103,75)
```
#147857
```
#147857 rgb(20,120,87)
```
#168964
```
#168964 rgb(22,137,100)
```
#199a70
```
#199a70 rgb(25,154,112)
```
#1cab7c
```
#1cab7c rgb(28,171,124)
```
#1fbc88
```
#1fbc88 rgb(31,188,136)
```
#22cd95
```
#22cd95 rgb(34,205,149)
```

Shade Color Variation

#26dba0
```
#26dba0 rgb(38,219,160)
```
#37dea8
```
#37dea8 rgb(55,222,168)
```
#48e1af
```
#48e1af rgb(72,225,175)
```
#59e4b6
```
#59e4b6 rgb(89,228,182)
```
#6ae7be
```
#6ae7be rgb(106,231,190)
```
#7be9c5
```
#7be9c5 rgb(123,233,197)
```
#8beccc
```
#8beccc rgb(139,236,204)
```
#9cefd4
```
#9cefd4 rgb(156,239,212)
```
#adf2db
```
#adf2db rgb(173,242,219)
```
#bef4e3
```
#bef4e3 rgb(190,244,227)
```
#cff7ea
```
#cff7ea rgb(207,247,234)
```
#e0faf1
```
#e0faf1 rgb(224,250,241)
```
#f1fdf9
```
#f1fdf9 rgb(241,253,249)
```

Tint Color Variation

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

#929795
```
#929795 rgb(146,151,149)
```
#8a9f98
```
#8a9f98 rgb(138,159,152)
```
#81a89b
```
#81a89b rgb(129,168,155)
```
#79b09e
```
#79b09e rgb(121,176,158)
```
#71b8a1
```
#71b8a1 rgb(113,184,161)
```
#69c0a4
```
#69c0a4 rgb(105,192,164)
```
#61c8a6
```
#61c8a6 rgb(97,200,166)
```
#58d1a9
```
#58d1a9 rgb(88,209,169)
```
#50d9ac
```
#50d9ac rgb(80,217,172)
```
#48e1af
```
#48e1af rgb(72,225,175)
```
#40e9b2
```
#40e9b2 rgb(64,233,178)
```
#38f1b5
```
#38f1b5 rgb(56,241,181)
```
#2ffab8
```
#2ffab8 rgb(47,250,184)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#9ab8ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#d7cba8 Protanopia 1% of men
#e3c5bd Deuteranopia 1% of men
#6edaea Tritanopia 0.001% of the population

Trichromacy

#a3d3aa Protanomaly 1% of men, 0.01% of women
#abcfb8 Deuteranomaly 6% of men, 0.4% of women
#60ddd5 Tritanomaly 0.01% of the population

#48e1af hex color

#48e1af Color Information

#48e1af Color Conversion

Color Schemes with #48e1af

Alternatives to #48e1af

#48e1af Preview

Shades and Tints of #48e1af

Tones of #48e1af

Color Blindness Simulator