#48e1de hex color

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

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

● #48e1de color description : Soft cyan.

The hexadecimal color #48e1de has RGB values of R:72, G:225, B:222 and CMYK values of C:0.68, M:0, Y:0.01, K:0.12. Its decimal value is 4776414.

Hex triplet	48e1de	`#48e1de`
RGB Decimal	72, 225, 222	`rgb(72,225,222)`
RGB Percent	28.2, 88.2, 87.1	`rgb(28.2%,88.2%,87.1%)`
CMYK	68, 0, 1, 12
HSL	178.8°, 71.8, 58.2	`hsl(178.8,71.8%,58.2%)`
HSV (or HSB)	178.8°, 68, 88.2
Web Safe	33cccc	`#33cccc`

CIE-LAB	82.108, -39.704, -10.203
XYZ	42.778, 60.498, 78.526
xyY	0.235, 0.333, 60.498
CIE-LCH	82.108, 40.994, 194.412
CIE-LUV	82.108, -57.15, -9.796
Hunter-Lab	77.781, -37.943, -5.412
Binary	01001000, 11100001, 11011110

#48e1de
```
#48e1de rgb(72,225,222)
```
#e1484b
```
#e1484b rgb(225,72,75)
```

Complementary Color

#48e192
```
#48e192 rgb(72,225,146)
```
#48e1de
```
#48e1de rgb(72,225,222)
```
#4898e1
```
#4898e1 rgb(72,152,225)
```

Analogous Color

#e19248
```
#e19248 rgb(225,146,72)
```
#48e1de
```
#48e1de rgb(72,225,222)
```
#e14898
```
#e14898 rgb(225,72,152)
```

Split Complementary Color

#e1de48
```
#e1de48 rgb(225,222,72)
```
#48e1de
```
#48e1de rgb(72,225,222)
```
#de48e1
```
#de48e1 rgb(222,72,225)
```

Triadic Color

#4be148
```
#4be148 rgb(75,225,72)
```
#48e1de
```
#48e1de rgb(72,225,222)
```
#de48e1
```
#de48e1 rgb(222,72,225)
```
#e1484b
```
#e1484b rgb(225,72,75)
```

Tetradic Color

#1fbdba
```
#1fbdba rgb(31,189,186)
```
#23d3d0
```
#23d3d0 rgb(35,211,208)
```
#32ddda
```
#32ddda rgb(50,221,218)
```
#48e1de
```
#48e1de rgb(72,225,222)
```
#5ee5e2
```
#5ee5e2 rgb(94,229,226)
```
#74e8e6
```
#74e8e6 rgb(116,232,230)
```
#8aecea
```
#8aecea rgb(138,236,234)
```

Monochromatic Color

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

#48e1b8
```
#48e1b8 rgb(72,225,184)
```
#48e1c5
```
#48e1c5 rgb(72,225,197)
```
#48e1d1
```
#48e1d1 rgb(72,225,209)
```
#48e1de
```
#48e1de rgb(72,225,222)
```
#48d7e1
```
#48d7e1 rgb(72,215,225)
```
#48cbe1
```
#48cbe1 rgb(72,203,225)
```
#48bee1
```
#48bee1 rgb(72,190,225)
```

Similar Colors

Text with hexadecimal color #48e1de

This text has a font color of #48e1de.

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

#48e1de background color

This paragraph has a background color of #48e1de.

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

#48e1de border color

This element has a border color of #48e1de.

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

CSS codes

.text {color:#48e1de;}

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

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

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 #f1fdfc is the lightest one.

#000202
```
#000202 rgb(0,2,2)
```
#031313
```
#031313 rgb(3,19,19)
```
#062423
```
#062423 rgb(6,36,35)
```
#093534
```
#093534 rgb(9,53,52)
```
#0b4645
```
#0b4645 rgb(11,70,69)
```
#0e5755
```
#0e5755 rgb(14,87,85)
```
#116766
```
#116766 rgb(17,103,102)
```
#147876
```
#147876 rgb(20,120,118)
```
#168987
```
#168987 rgb(22,137,135)
```
#199a98
```
#199a98 rgb(25,154,152)
```
#1caba8
```
#1caba8 rgb(28,171,168)
```
#1fbcb9
```
#1fbcb9 rgb(31,188,185)
```
#22cdc9
```
#22cdc9 rgb(34,205,201)
```

Shade Color Variation

#26dbd8
```
#26dbd8 rgb(38,219,216)
```
#37dedb
```
#37dedb rgb(55,222,219)
```
#48e1de
```
#48e1de rgb(72,225,222)
```
#59e4e1
```
#59e4e1 rgb(89,228,225)
```
#6ae7e4
```
#6ae7e4 rgb(106,231,228)
```
#7be9e7
```
#7be9e7 rgb(123,233,231)
```
#8becea
```
#8becea rgb(139,236,234)
```
#9cefed
```
#9cefed rgb(156,239,237)
```
#adf2f0
```
#adf2f0 rgb(173,242,240)
```
#bef4f3
```
#bef4f3 rgb(190,244,243)
```
#cff7f6
```
#cff7f6 rgb(207,247,246)
```
#e0faf9
```
#e0faf9 rgb(224,250,249)
```
#f1fdfc
```
#f1fdfc rgb(241,253,252)
```

Tint Color Variation

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

#929797
```
#929797 rgb(146,151,151)
```
#8a9f9f
```
#8a9f9f rgb(138,159,159)
```
#81a8a7
```
#81a8a7 rgb(129,168,167)
```
#79b0af
```
#79b0af rgb(121,176,175)
```
#71b8b7
```
#71b8b7 rgb(113,184,183)
```
#69c0bf
```
#69c0bf rgb(105,192,191)
```
#61c8c6
```
#61c8c6 rgb(97,200,198)
```
#58d1ce
```
#58d1ce rgb(88,209,206)
```
#50d9d6
```
#50d9d6 rgb(80,217,214)
```
#48e1de
```
#48e1de rgb(72,225,222)
```
#40e9e6
```
#40e9e6 rgb(64,233,230)
```
#38f1ee
```
#38f1ee rgb(56,241,238)
```
#2ffaf6
```
#2ffaf6 rgb(47,250,246)
```

Tone Color Variation

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

#d0cdd4 Protanopia 1% of men
#d5c9e8 Deuteranopia 1% of men
#5cdff0 Tritanopia 0.001% of the population

Trichromacy

#9ed4d7 Protanomaly 1% of men, 0.01% of women
#a1d2e4 Deuteranomaly 6% of men, 0.4% of women
#55e0e9 Tritanomaly 0.01% of the population

#48e1de hex color

#48e1de Color Information

#48e1de Color Conversion

Color Schemes with #48e1de

Alternatives to #48e1de

#48e1de Preview

Shades and Tints of #48e1de

Tones of #48e1de

Color Blindness Simulator