#48e0cc hex color

In a RGB color space, hex #48e0cc is composed of 28.2% red, 87.8% green and 80% blue. Whereas in a CMYK color space, it is composed of 67.9% cyan, 0% magenta, 8.9% yellow and 12.2% black. It has a hue angle of 172.1 degrees, a saturation of 71% and a lightness of 58%. #48e0cc color hex could be obtained by blending #90ffff with #00c199. Closest websafe color is: #33cccc.

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

● #48e0cc color description : Soft cyan.

The hexadecimal color #48e0cc has RGB values of R:72, G:224, B:204 and CMYK values of C:0.68, M:0, Y:0.09, K:0.12. Its decimal value is 4776140.

Hex triplet	48e0cc	`#48e0cc`
RGB Decimal	72, 224, 204	`rgb(72,224,204)`
RGB Percent	28.2, 87.8, 80	`rgb(28.2%,87.8%,80%)`
CMYK	68, 0, 9, 12
HSL	172.1°, 71, 58	`hsl(172.1,71%,58%)`
HSV (or HSB)	172.1°, 67.9, 87.8
Web Safe	33cccc	`#33cccc`

CIE-LAB	81.316, -44.076, -1.816
XYZ	40.224, 59.045, 66.4
xyY	0.243, 0.356, 59.045
CIE-LCH	81.316, 44.113, 182.36
CIE-LUV	81.316, -57.967, 4.209
Hunter-Lab	76.841, -41.032, 2.554
Binary	01001000, 11100000, 11001100

#48e0cc
```
#48e0cc rgb(72,224,204)
```
#e0485c
```
#e0485c rgb(224,72,92)
```

Complementary Color

#48e080
```
#48e080 rgb(72,224,128)
```
#48e0cc
```
#48e0cc rgb(72,224,204)
```
#48a8e0
```
#48a8e0 rgb(72,168,224)
```

Analogous Color

#e08048
```
#e08048 rgb(224,128,72)
```
#48e0cc
```
#48e0cc rgb(72,224,204)
```
#e048a8
```
#e048a8 rgb(224,72,168)
```

Split Complementary Color

#e0cc48
```
#e0cc48 rgb(224,204,72)
```
#48e0cc
```
#48e0cc rgb(72,224,204)
```
#cc48e0
```
#cc48e0 rgb(204,72,224)
```

Triadic Color

#5ce048
```
#5ce048 rgb(92,224,72)
```
#48e0cc
```
#48e0cc rgb(72,224,204)
```
#cc48e0
```
#cc48e0 rgb(204,72,224)
```
#e0485c
```
#e0485c rgb(224,72,92)
```

Tetradic Color

#20bca7
```
#20bca7 rgb(32,188,167)
```
#23d2bb
```
#23d2bb rgb(35,210,187)
```
#32dcc6
```
#32dcc6 rgb(50,220,198)
```
#48e0cc
```
#48e0cc rgb(72,224,204)
```
#5ee4d2
```
#5ee4d2 rgb(94,228,210)
```
#74e7d8
```
#74e7d8 rgb(116,231,216)
```
#89ebde
```
#89ebde rgb(137,235,222)
```

Monochromatic Color

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

#48e0a6
```
#48e0a6 rgb(72,224,166)
```
#48e0b3
```
#48e0b3 rgb(72,224,179)
```
#48e0bf
```
#48e0bf rgb(72,224,191)
```
#48e0cc
```
#48e0cc rgb(72,224,204)
```
#48e0d9
```
#48e0d9 rgb(72,224,217)
```
#48dbe0
```
#48dbe0 rgb(72,219,224)
```
#48cee0
```
#48cee0 rgb(72,206,224)
```

Similar Colors

Text with hexadecimal color #48e0cc

This text has a font color of #48e0cc.

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

#48e0cc background color

This paragraph has a background color of #48e0cc.

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

#48e0cc border color

This element has a border color of #48e0cc.

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

CSS codes

.text {color:#48e0cc;}

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

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

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

#000201
```
#000201 rgb(0,2,1)
```
#031210
```
#031210 rgb(3,18,16)
```
#06231f
```
#06231f rgb(6,35,31)
```
#09342e
```
#09342e rgb(9,52,46)
```
#0c453d
```
#0c453d rgb(12,69,61)
```
#0e554c
```
#0e554c rgb(14,85,76)
```
#11665b
```
#11665b rgb(17,102,91)
```
#14776a
```
#14776a rgb(20,119,106)
```
#178879
```
#178879 rgb(23,136,121)
```
#1a9888
```
#1a9888 rgb(26,152,136)
```
#1da997
```
#1da997 rgb(29,169,151)
```
#20baa6
```
#20baa6 rgb(32,186,166)
```
#22cbb5
```
#22cbb5 rgb(34,203,181)
```

Shade Color Variation

#26dac3
```
#26dac3 rgb(38,218,195)
```
#37ddc7
```
#37ddc7 rgb(55,221,199)
```
#48e0cc
```
#48e0cc rgb(72,224,204)
```
#59e3d1
```
#59e3d1 rgb(89,227,209)
```
#6ae6d5
```
#6ae6d5 rgb(106,230,213)
```
#7ae9da
```
#7ae9da rgb(122,233,218)
```
#8bebdf
```
#8bebdf rgb(139,235,223)
```
#9ceee3
```
#9ceee3 rgb(156,238,227)
```
#adf1e8
```
#adf1e8 rgb(173,241,232)
```
#bdf4ed
```
#bdf4ed rgb(189,244,237)
```
#cef7f1
```
#cef7f1 rgb(206,247,241)
```
#dffaf6
```
#dffaf6 rgb(223,250,246)
```
#f0fcfb
```
#f0fcfb rgb(240,252,251)
```

Tint Color Variation

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

#929695
```
#929695 rgb(146,150,149)
```
#8a9e9b
```
#8a9e9b rgb(138,158,155)
```
#82a6a2
```
#82a6a2 rgb(130,166,162)
```
#79afa8
```
#79afa8 rgb(121,175,168)
```
#71b7ae
```
#71b7ae rgb(113,183,174)
```
#69bfb4
```
#69bfb4 rgb(105,191,180)
```
#61c7ba
```
#61c7ba rgb(97,199,186)
```
#58d0c0
```
#58d0c0 rgb(88,208,192)
```
#50d8c6
```
#50d8c6 rgb(80,216,198)
```
#48e0cc
```
#48e0cc rgb(72,224,204)
```
#40e8d2
```
#40e8d2 rgb(64,232,210)
```
#38f0d8
```
#38f0d8 rgb(56,240,216)
```
#2ff9de
```
#2ff9de rgb(47,249,222)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#9bbab6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2cbc3 Protanopia 1% of men
#dac7d8 Deuteranopia 1% of men
#64dced Tritanopia 0.001% of the population

Trichromacy

#a0d3c6 Protanomaly 1% of men, 0.01% of women
#a5d0d3 Deuteranomaly 6% of men, 0.4% of women
#59dee1 Tritanomaly 0.01% of the population

#48e0cc hex color

#48e0cc Color Information

#48e0cc Color Conversion

Color Schemes with #48e0cc

Alternatives to #48e0cc

#48e0cc Preview

Shades and Tints of #48e0cc

Tones of #48e0cc

Color Blindness Simulator