#48d5cc hex color

In a RGB color space, hex #48d5cc is composed of 28.2% red, 83.5% green and 80% blue. Whereas in a CMYK color space, it is composed of 66.2% cyan, 0% magenta, 4.2% yellow and 16.5% black. It has a hue angle of 176.2 degrees, a saturation of 62.7% and a lightness of 55.9%. #48d5cc color hex could be obtained by blending #90ffff with #00ab99. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 28
- G 84
- B 80
RGB color chart
- C 66
- M 0
- Y 4
- K 16
CMYK color chart

● #48d5cc color description : Moderate cyan.

The hexadecimal color #48d5cc has RGB values of R:72, G:213, B:204 and CMYK values of C:0.66, M:0, Y:0.04, K:0.16. Its decimal value is 4773324.

Hex triplet	48d5cc	`#48d5cc`
RGB Decimal	72, 213, 204	`rgb(72,213,204)`
RGB Percent	28.2, 83.5, 80	`rgb(28.2%,83.5%,80%)`
CMYK	66, 0, 4, 16
HSL	176.2°, 62.7, 55.9	`hsl(176.2,62.7%,55.9%)`
HSV (or HSB)	176.2°, 66.2, 83.5
Web Safe	33cccc	`#33cccc`

CIE-LAB	78.065, -39.182, -6.606
XYZ	37.362, 53.323, 65.447
xyY	0.239, 0.342, 53.323
CIE-LCH	78.065, 39.735, 189.57
CIE-LUV	78.065, -54.031, -4.067
Hunter-Lab	73.022, -36.458, -2.023
Binary	01001000, 11010101, 11001100

#48d5cc
```
#48d5cc rgb(72,213,204)
```
#d54851
```
#d54851 rgb(213,72,81)
```

Complementary Color

#48d586
```
#48d586 rgb(72,213,134)
```
#48d5cc
```
#48d5cc rgb(72,213,204)
```
#4898d5
```
#4898d5 rgb(72,152,213)
```

Analogous Color

#d58648
```
#d58648 rgb(213,134,72)
```
#48d5cc
```
#48d5cc rgb(72,213,204)
```
#d54898
```
#d54898 rgb(213,72,152)
```

Split Complementary Color

#d5cc48
```
#d5cc48 rgb(213,204,72)
```
#48d5cc
```
#48d5cc rgb(72,213,204)
```
#cc48d5
```
#cc48d5 rgb(204,72,213)
```

Triadic Color

#51d548
```
#51d548 rgb(81,213,72)
```
#48d5cc
```
#48d5cc rgb(72,213,204)
```
#cc48d5
```
#cc48d5 rgb(204,72,213)
```
#d54851
```
#d54851 rgb(213,72,81)
```

Tetradic Color

#27aaa1
```
#27aaa1 rgb(39,170,161)
```
#2cbeb5
```
#2cbeb5 rgb(44,190,181)
```
#33d0c6
```
#33d0c6 rgb(51,208,198)
```
#48d5cc
```
#48d5cc rgb(72,213,204)
```
#5ddad2
```
#5ddad2 rgb(93,218,210)
```
#71dfd8
```
#71dfd8 rgb(113,223,216)
```
#86e3dd
```
#86e3dd rgb(134,227,221)
```

Monochromatic Color

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

#48d5a9
```
#48d5a9 rgb(72,213,169)
```
#48d5b5
```
#48d5b5 rgb(72,213,181)
```
#48d5c0
```
#48d5c0 rgb(72,213,192)
```
#48d5cc
```
#48d5cc rgb(72,213,204)
```
#48d2d5
```
#48d2d5 rgb(72,210,213)
```
#48c7d5
```
#48c7d5 rgb(72,199,213)
```
#48bbd5
```
#48bbd5 rgb(72,187,213)
```

Similar Colors

Text with hexadecimal color #48d5cc

This text has a font color of #48d5cc.

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

#48d5cc background color

This paragraph has a background color of #48d5cc.

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

#48d5cc border color

This element has a border color of #48d5cc.

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

CSS codes

.text {color:#48d5cc;}

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

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

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

#020808
```
#020808 rgb(2,8,8)
```
#061817
```
#061817 rgb(6,24,23)
```
#092826
```
#092826 rgb(9,40,38)
```
#0d3836
```
#0d3836 rgb(13,56,54)
```
#114845
```
#114845 rgb(17,72,69)
```
#145854
```
#145854 rgb(20,88,84)
```
#186863
```
#186863 rgb(24,104,99)
```
#1c7872
```
#1c7872 rgb(28,120,114)
```
#1f8881
```
#1f8881 rgb(31,136,129)
```
#239891
```
#239891 rgb(35,152,145)
```
#27a8a0
```
#27a8a0 rgb(39,168,160)
```
#2ab8af
```
#2ab8af rgb(42,184,175)
```
#2ec8be
```
#2ec8be rgb(46,200,190)
```

Shade Color Variation

#38d1c8
```
#38d1c8 rgb(56,209,200)
```
#48d5cc
```
#48d5cc rgb(72,213,204)
```
#58d9d0
```
#58d9d0 rgb(88,217,208)
```
#68dcd5
```
#68dcd5 rgb(104,220,213)
```
#78e0d9
```
#78e0d9 rgb(120,224,217)
```
#88e4de
```
#88e4de rgb(136,228,222)
```
#98e7e2
```
#98e7e2 rgb(152,231,226)
```
#a8ebe7
```
#a8ebe7 rgb(168,235,231)
```
#b8efeb
```
#b8efeb rgb(184,239,235)
```
#c8f2f0
```
#c8f2f0 rgb(200,242,240)
```
#d8f6f4
```
#d8f6f4 rgb(216,246,244)
```
#e8faf8
```
#e8faf8 rgb(232,250,248)
```
#f7fdfd
```
#f7fdfd rgb(247,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8d9090 is the less saturated color, while #25f8ea is the most saturated one.

#8d9090
```
#8d9090 rgb(141,144,144)
```
#859897
```
#859897 rgb(133,152,151)
```
#7ca19f
```
#7ca19f rgb(124,161,159)
```
#73aaa6
```
#73aaa6 rgb(115,170,166)
```
#6bb2ae
```
#6bb2ae rgb(107,178,174)
```
#62bbb5
```
#62bbb5 rgb(98,187,181)
```
#59c4bd
```
#59c4bd rgb(89,196,189)
```
#51ccc4
```
#51ccc4 rgb(81,204,196)
```
#48d5cc
```
#48d5cc rgb(72,213,204)
```
#3fded4
```
#3fded4 rgb(63,222,212)
```
#37e6db
```
#37e6db rgb(55,230,219)
```
#2eefe3
```
#2eefe3 rgb(46,239,227)
```
#25f8ea
```
#25f8ea rgb(37,248,234)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#96b3b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7c3c3 Protanopia 1% of men
#cdbfd7 Deuteranopia 1% of men
#5ed3e3 Tritanopia 0.001% of the population

Trichromacy

#99c9c6 Protanomaly 1% of men, 0.01% of women
#9cc7d3 Deuteranomaly 6% of men, 0.4% of women
#56d4da Tritanomaly 0.01% of the population

#48d5cc hex color

#48d5cc Color Information

#48d5cc Color Conversion

Color Schemes with #48d5cc

Alternatives to #48d5cc

#48d5cc Preview

Shades and Tints of #48d5cc

Tones of #48d5cc

Color Blindness Simulator