#48e4de hex color

In a RGB color space, hex #48e4de is composed of 28.2% red, 89.4% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 68.4% cyan, 0% magenta, 2.6% yellow and 10.6% black. It has a hue angle of 177.7 degrees, a saturation of 74.3% and a lightness of 58.8%. #48e4de color hex could be obtained by blending #90ffff with #00c9bd. Closest websafe color is: #33cccc.

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

● #48e4de color description : Soft cyan.

The hexadecimal color #48e4de has RGB values of R:72, G:228, B:222 and CMYK values of C:0.68, M:0, Y:0.03, K:0.11. Its decimal value is 4777182.

Hex triplet	48e4de	`#48e4de`
RGB Decimal	72, 228, 222	`rgb(72,228,222)`
RGB Percent	28.2, 89.4, 87.1	`rgb(28.2%,89.4%,87.1%)`
CMYK	68, 0, 3, 11
HSL	177.7°, 74.3, 58.8	`hsl(177.7,74.3%,58.8%)`
HSV (or HSB)	177.7°, 68.4, 89.4
Web Safe	33cccc	`#33cccc`

CIE-LAB	82.985, -41.055, -8.899
XYZ	43.597, 62.135, 78.799
xyY	0.236, 0.337, 62.135
CIE-LCH	82.985, 42.009, 192.23
CIE-LUV	82.985, -58.21, -7.493
Hunter-Lab	78.825, -39.22, -4.092
Binary	01001000, 11100100, 11011110

#48e4de
```
#48e4de rgb(72,228,222)
```
#e4484e
```
#e4484e rgb(228,72,78)
```

Complementary Color

#48e490
```
#48e490 rgb(72,228,144)
```
#48e4de
```
#48e4de rgb(72,228,222)
```
#489ce4
```
#489ce4 rgb(72,156,228)
```

Analogous Color

#e49048
```
#e49048 rgb(228,144,72)
```
#48e4de
```
#48e4de rgb(72,228,222)
```
#e4489c
```
#e4489c rgb(228,72,156)
```

Split Complementary Color

#e4de48
```
#e4de48 rgb(228,222,72)
```
#48e4de
```
#48e4de rgb(72,228,222)
```
#de48e4
```
#de48e4 rgb(222,72,228)
```

Triadic Color

#4ee448
```
#4ee448 rgb(78,228,72)
```
#48e4de
```
#48e4de rgb(72,228,222)
```
#de48e4
```
#de48e4 rgb(222,72,228)
```
#e4484e
```
#e4484e rgb(228,72,78)
```

Tetradic Color

#1dc3bc
```
#1dc3bc rgb(29,195,188)
```
#20d9d2
```
#20d9d2 rgb(32,217,210)
```
#32e1da
```
#32e1da rgb(50,225,218)
```
#48e4de
```
#48e4de rgb(72,228,222)
```
#5ee7e2
```
#5ee7e2 rgb(94,231,226)
```
#74ebe6
```
#74ebe6 rgb(116,235,230)
```
#8beeea
```
#8beeea rgb(139,238,234)
```

Monochromatic Color

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

#48e4b7
```
#48e4b7 rgb(72,228,183)
```
#48e4c4
```
#48e4c4 rgb(72,228,196)
```
#48e4d1
```
#48e4d1 rgb(72,228,209)
```
#48e4de
```
#48e4de rgb(72,228,222)
```
#48dde4
```
#48dde4 rgb(72,221,228)
```
#48d0e4
```
#48d0e4 rgb(72,208,228)
```
#48c3e4
```
#48c3e4 rgb(72,195,228)
```

Similar Colors

Text with hexadecimal color #48e4de

This text has a font color of #48e4de.

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

#48e4de background color

This paragraph has a background color of #48e4de.

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

#48e4de border color

This element has a border color of #48e4de.

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

CSS codes

.text {color:#48e4de;}

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

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

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

#010505
```
#010505 rgb(1,5,5)
```
#031615
```
#031615 rgb(3,22,21)
```
#062726
```
#062726 rgb(6,39,38)
```
#083836
```
#083836 rgb(8,56,54)
```
#0b4947
```
#0b4947 rgb(11,73,71)
```
#0d5a58
```
#0d5a58 rgb(13,90,88)
```
#106c68
```
#106c68 rgb(16,108,104)
```
#127d79
```
#127d79 rgb(18,125,121)
```
#158e89
```
#158e89 rgb(21,142,137)
```
#179f9a
```
#179f9a rgb(23,159,154)
```
#1ab0aa
```
#1ab0aa rgb(26,176,170)
```
#1cc1bb
```
#1cc1bb rgb(28,193,187)
```
#1fd2cb
```
#1fd2cb rgb(31,210,203)
```

Shade Color Variation

#26dfd8
```
#26dfd8 rgb(38,223,216)
```
#37e1db
```
#37e1db rgb(55,225,219)
```
#48e4de
```
#48e4de rgb(72,228,222)
```
#59e7e1
```
#59e7e1 rgb(89,231,225)
```
#6ae9e4
```
#6ae9e4 rgb(106,233,228)
```
#7bece7
```
#7bece7 rgb(123,236,231)
```
#8ceeea
```
#8ceeea rgb(140,238,234)
```
#9df1ed
```
#9df1ed rgb(157,241,237)
```
#aff3f0
```
#aff3f0 rgb(175,243,240)
```
#c0f6f4
```
#c0f6f4 rgb(192,246,244)
```
#d1f8f7
```
#d1f8f7 rgb(209,248,247)
```
#e2fbfa
```
#e2fbfa rgb(226,251,250)
```
#f3fdfd
```
#f3fdfd rgb(243,253,253)
```

Tint Color Variation

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

#919b9b
```
#919b9b rgb(145,155,155)
```
#89a3a2
```
#89a3a2 rgb(137,163,162)
```
#81abaa
```
#81abaa rgb(129,171,170)
```
#78b4b1
```
#78b4b1 rgb(120,180,177)
```
#70bcb9
```
#70bcb9 rgb(112,188,185)
```
#68c4c0
```
#68c4c0 rgb(104,196,192)
```
#60ccc8
```
#60ccc8 rgb(96,204,200)
```
#58d4cf
```
#58d4cf rgb(88,212,207)
```
#50dcd7
```
#50dcd7 rgb(80,220,215)
```
#48e4de
```
#48e4de rgb(72,228,222)
```
#40ece5
```
#40ece5 rgb(64,236,229)
```
#38f4ed
```
#38f4ed rgb(56,244,237)
```
#30fcf4
```
#30fcf4 rgb(48,252,244)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#9fbebd Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3d0d4 Protanopia 1% of men
#d8cce8 Deuteranopia 1% of men
#5ee2f2 Tritanopia 0.001% of the population

Trichromacy

#a0d7d7 Protanomaly 1% of men, 0.01% of women
#a4d4e4 Deuteranomaly 6% of men, 0.4% of women
#56e2eb Tritanomaly 0.01% of the population

#48e4de hex color

#48e4de Color Information

#48e4de Color Conversion

Color Schemes with #48e4de

Alternatives to #48e4de

#48e4de Preview

Shades and Tints of #48e4de

Tones of #48e4de

Color Blindness Simulator