#48e2de hex color

In a RGB color space, hex #48e2de is composed of 28.2% red, 88.6% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 68.1% cyan, 0% magenta, 1.8% yellow and 11.4% black. It has a hue angle of 178.4 degrees, a saturation of 72.6% and a lightness of 58.4%. #48e2de color hex could be obtained by blending #90ffff with #00c5bd. Closest websafe color is: #33cccc.

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

● #48e2de color description : Soft cyan.

The hexadecimal color #48e2de has RGB values of R:72, G:226, B:222 and CMYK values of C:0.68, M:0, Y:0.02, K:0.11. Its decimal value is 4776670.

Hex triplet	48e2de	`#48e2de`
RGB Decimal	72, 226, 222	`rgb(72,226,222)`
RGB Percent	28.2, 88.6, 87.1	`rgb(28.2%,88.6%,87.1%)`
CMYK	68, 0, 2, 11
HSL	178.4°, 72.6, 58.4	`hsl(178.4,72.6%,58.4%)`
HSV (or HSB)	178.4°, 68.1, 88.6
Web Safe	33cccc	`#33cccc`

CIE-LAB	82.4, -40.156, -9.768
XYZ	43.05, 61.04, 78.616
xyY	0.236, 0.334, 61.04
CIE-LCH	82.4, 41.327, 193.672
CIE-LUV	82.4, -57.504, -9.027
Hunter-Lab	78.128, -38.369, -4.97
Binary	01001000, 11100010, 11011110

#48e2de
```
#48e2de rgb(72,226,222)
```
#e2484c
```
#e2484c rgb(226,72,76)
```

Complementary Color

#48e291
```
#48e291 rgb(72,226,145)
```
#48e2de
```
#48e2de rgb(72,226,222)
```
#4899e2
```
#4899e2 rgb(72,153,226)
```

Analogous Color

#e29148
```
#e29148 rgb(226,145,72)
```
#48e2de
```
#48e2de rgb(72,226,222)
```
#e24899
```
#e24899 rgb(226,72,153)
```

Split Complementary Color

#e2de48
```
#e2de48 rgb(226,222,72)
```
#48e2de
```
#48e2de rgb(72,226,222)
```
#de48e2
```
#de48e2 rgb(222,72,226)
```

Triadic Color

#4ce248
```
#4ce248 rgb(76,226,72)
```
#48e2de
```
#48e2de rgb(72,226,222)
```
#de48e2
```
#de48e2 rgb(222,72,226)
```
#e2484c
```
#e2484c rgb(226,72,76)
```

Tetradic Color

#1ebfbb
```
#1ebfbb rgb(30,191,187)
```
#22d5d1
```
#22d5d1 rgb(34,213,209)
```
#32dfda
```
#32dfda rgb(50,223,218)
```
#48e2de
```
#48e2de rgb(72,226,222)
```
#5ee5e2
```
#5ee5e2 rgb(94,229,226)
```
#74e9e6
```
#74e9e6 rgb(116,233,230)
```
#8aecea
```
#8aecea rgb(138,236,234)
```

Monochromatic Color

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

#48e2b8
```
#48e2b8 rgb(72,226,184)
```
#48e2c4
```
#48e2c4 rgb(72,226,196)
```
#48e2d1
```
#48e2d1 rgb(72,226,209)
```
#48e2de
```
#48e2de rgb(72,226,222)
```
#48d9e2
```
#48d9e2 rgb(72,217,226)
```
#48cce2
```
#48cce2 rgb(72,204,226)
```
#48c0e2
```
#48c0e2 rgb(72,192,226)
```

Similar Colors

Text with hexadecimal color #48e2de

This text has a font color of #48e2de.

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

#48e2de background color

This paragraph has a background color of #48e2de.

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

#48e2de border color

This element has a border color of #48e2de.

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

CSS codes

.text {color:#48e2de;}

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

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

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

#010303
```
#010303 rgb(1,3,3)
```
#031414
```
#031414 rgb(3,20,20)
```
#062524
```
#062524 rgb(6,37,36)
```
#093635
```
#093635 rgb(9,54,53)
```
#0b4745
```
#0b4745 rgb(11,71,69)
```
#0e5856
```
#0e5856 rgb(14,88,86)
```
#116967
```
#116967 rgb(17,105,103)
```
#137a77
```
#137a77 rgb(19,122,119)
```
#168b88
```
#168b88 rgb(22,139,136)
```
#199c98
```
#199c98 rgb(25,156,152)
```
#1bada9
```
#1bada9 rgb(27,173,169)
```
#1ebeb9
```
#1ebeb9 rgb(30,190,185)
```
#21ceca
```
#21ceca rgb(33,206,202)
```

Shade Color Variation

#26ddd8
```
#26ddd8 rgb(38,221,216)
```
#37dfdb
```
#37dfdb rgb(55,223,219)
```
#48e2de
```
#48e2de rgb(72,226,222)
```
#59e5e1
```
#59e5e1 rgb(89,229,225)
```
#6ae7e4
```
#6ae7e4 rgb(106,231,228)
```
#7beae7
```
#7beae7 rgb(123,234,231)
```
#8cedea
```
#8cedea rgb(140,237,234)
```
#9defed
```
#9defed rgb(157,239,237)
```
#aef2f0
```
#aef2f0 rgb(174,242,240)
```
#bff5f3
```
#bff5f3 rgb(191,245,243)
```
#cff7f6
```
#cff7f6 rgb(207,247,246)
```
#e0faf9
```
#e0faf9 rgb(224,250,249)
```
#f1fdfd
```
#f1fdfd rgb(241,253,253)
```

Tint Color Variation

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

#919998
```
#919998 rgb(145,153,152)
```
#89a1a0
```
#89a1a0 rgb(137,161,160)
```
#81a9a8
```
#81a9a8 rgb(129,169,168)
```
#79b1b0
```
#79b1b0 rgb(121,177,176)
```
#71b9b7
```
#71b9b7 rgb(113,185,183)
```
#69c1bf
```
#69c1bf rgb(105,193,191)
```
#60cac7
```
#60cac7 rgb(96,202,199)
```
#58d2cf
```
#58d2cf rgb(88,210,207)
```
#50dad6
```
#50dad6 rgb(80,218,214)
```
#48e2de
```
#48e2de rgb(72,226,222)
```
#40eae6
```
#40eae6 rgb(64,234,230)
```
#38f2ed
```
#38f2ed rgb(56,242,237)
```
#30faf5
```
#30faf5 rgb(48,250,245)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#9ebcbc Atypical Achromatopsia 0.001% of the population

Dichromacy

#d1ced4 Protanopia 1% of men
#d6cae8 Deuteranopia 1% of men
#5de0f1 Tritanopia 0.001% of the population

Trichromacy

#9fd5d7 Protanomaly 1% of men, 0.01% of women
#a2d3e4 Deuteranomaly 6% of men, 0.4% of women
#55e1ea Tritanomaly 0.01% of the population

#48e2de hex color

#48e2de Color Information

#48e2de Color Conversion

Color Schemes with #48e2de

Alternatives to #48e2de

#48e2de Preview

Shades and Tints of #48e2de

Tones of #48e2de

Color Blindness Simulator