#48d5cf hex color

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

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

● #48d5cf color description : Moderate cyan.

The hexadecimal color #48d5cf has RGB values of R:72, G:213, B:207 and CMYK values of C:0.66, M:0, Y:0.03, K:0.16. Its decimal value is 4773327.

Hex triplet	48d5cf	`#48d5cf`
RGB Decimal	72, 213, 207	`rgb(72,213,207)`
RGB Percent	28.2, 83.5, 81.2	`rgb(28.2%,83.5%,81.2%)`
CMYK	66, 0, 3, 16
HSL	177.4°, 62.7, 55.9	`hsl(177.4,62.7%,55.9%)`
HSV (or HSB)	177.4°, 66.2, 83.5
Web Safe	33cccc	`#33cccc`

CIE-LAB	78.15, -38.367, -8.088
XYZ	37.726, 53.468, 67.36
xyY	0.238, 0.337, 53.468
CIE-LCH	78.15, 39.21, 191.904
CIE-LUV	78.15, -53.841, -6.547
Hunter-Lab	73.122, -35.869, -3.433
Binary	01001000, 11010101, 11001111

#48d5cf
```
#48d5cf rgb(72,213,207)
```
#d5484e
```
#d5484e rgb(213,72,78)
```

Complementary Color

#48d589
```
#48d589 rgb(72,213,137)
```
#48d5cf
```
#48d5cf rgb(72,213,207)
```
#4895d5
```
#4895d5 rgb(72,149,213)
```

Analogous Color

#d58948
```
#d58948 rgb(213,137,72)
```
#48d5cf
```
#48d5cf rgb(72,213,207)
```
#d54895
```
#d54895 rgb(213,72,149)
```

Split Complementary Color

#d5cf48
```
#d5cf48 rgb(213,207,72)
```
#48d5cf
```
#48d5cf rgb(72,213,207)
```
#cf48d5
```
#cf48d5 rgb(207,72,213)
```

Triadic Color

#4ed548
```
#4ed548 rgb(78,213,72)
```
#48d5cf
```
#48d5cf rgb(72,213,207)
```
#cf48d5
```
#cf48d5 rgb(207,72,213)
```
#d5484e
```
#d5484e rgb(213,72,78)
```

Tetradic Color

#27aaa4
```
#27aaa4 rgb(39,170,164)
```
#2cbeb8
```
#2cbeb8 rgb(44,190,184)
```
#33d0ca
```
#33d0ca rgb(51,208,202)
```
#48d5cf
```
#48d5cf rgb(72,213,207)
```
#5ddad4
```
#5ddad4 rgb(93,218,212)
```
#71dfda
```
#71dfda rgb(113,223,218)
```
#86e3df
```
#86e3df rgb(134,227,223)
```

Monochromatic Color

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

#48d5ac
```
#48d5ac rgb(72,213,172)
```
#48d5b8
```
#48d5b8 rgb(72,213,184)
```
#48d5c3
```
#48d5c3 rgb(72,213,195)
```
#48d5cf
```
#48d5cf rgb(72,213,207)
```
#48cfd5
```
#48cfd5 rgb(72,207,213)
```
#48c4d5
```
#48c4d5 rgb(72,196,213)
```
#48b8d5
```
#48b8d5 rgb(72,184,213)
```

Similar Colors

Text with hexadecimal color #48d5cf

This text has a font color of #48d5cf.

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

#48d5cf background color

This paragraph has a background color of #48d5cf.

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

#48d5cf border color

This element has a border color of #48d5cf.

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

CSS codes

.text {color:#48d5cf;}

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

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

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)
```
#061818
```
#061818 rgb(6,24,24)
```
#092827
```
#092827 rgb(9,40,39)
```
#0d3836
```
#0d3836 rgb(13,56,54)
```
#114846
```
#114846 rgb(17,72,70)
```
#145855
```
#145855 rgb(20,88,85)
```
#186865
```
#186865 rgb(24,104,101)
```
#1c7874
```
#1c7874 rgb(28,120,116)
```
#1f8884
```
#1f8884 rgb(31,136,132)
```
#239893
```
#239893 rgb(35,152,147)
```
#27a8a2
```
#27a8a2 rgb(39,168,162)
```
#2ab8b2
```
#2ab8b2 rgb(42,184,178)
```
#2ec8c1
```
#2ec8c1 rgb(46,200,193)
```

Shade Color Variation

#38d1cb
```
#38d1cb rgb(56,209,203)
```
#48d5cf
```
#48d5cf rgb(72,213,207)
```
#58d9d3
```
#58d9d3 rgb(88,217,211)
```
#68dcd7
```
#68dcd7 rgb(104,220,215)
```
#78e0dc
```
#78e0dc rgb(120,224,220)
```
#88e4e0
```
#88e4e0 rgb(136,228,224)
```
#98e7e4
```
#98e7e4 rgb(152,231,228)
```
#a8ebe8
```
#a8ebe8 rgb(168,235,232)
```
#b8efec
```
#b8efec rgb(184,239,236)
```
#c8f2f0
```
#c8f2f0 rgb(200,242,240)
```
#d8f6f5
```
#d8f6f5 rgb(216,246,245)
```
#e8faf9
```
#e8faf9 rgb(232,250,249)
```
#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 #25f8ef is the most saturated one.

#8d9090
```
#8d9090 rgb(141,144,144)
```
#859898
```
#859898 rgb(133,152,152)
```
#7ca19f
```
#7ca19f rgb(124,161,159)
```
#73aaa7
```
#73aaa7 rgb(115,170,167)
```
#6bb2af
```
#6bb2af rgb(107,178,175)
```
#62bbb7
```
#62bbb7 rgb(98,187,183)
```
#59c4bf
```
#59c4bf rgb(89,196,191)
```
#51ccc7
```
#51ccc7 rgb(81,204,199)
```
#48d5cf
```
#48d5cf rgb(72,213,207)
```
#3fded7
```
#3fded7 rgb(63,222,215)
```
#37e6df
```
#37e6df rgb(55,230,223)
```
#2eefe7
```
#2eefe7 rgb(46,239,231)
```
#25f8ef
```
#25f8ef rgb(37,248,239)
```

Tone Color Variation

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

#c6c3c6 Protanopia 1% of men
#ccbfda Deuteranopia 1% of men
#5dd4e3 Tritanopia 0.001% of the population

Trichromacy

#98c9c9 Protanomaly 1% of men, 0.01% of women
#9cc7d6 Deuteranomaly 6% of men, 0.4% of women
#55d4dc Tritanomaly 0.01% of the population

#48d5cf hex color

#48d5cf Color Information

#48d5cf Color Conversion

Color Schemes with #48d5cf

Alternatives to #48d5cf

#48d5cf Preview

Shades and Tints of #48d5cf

Tones of #48d5cf

Color Blindness Simulator