#48d5d0 hex color

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

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

● #48d5d0 color description : Moderate cyan.

The hexadecimal color #48d5d0 has RGB values of R:72, G:213, B:208 and CMYK values of C:0.66, M:0, Y:0.02, K:0.16. Its decimal value is 4773328.

Hex triplet	48d5d0	`#48d5d0`
RGB Decimal	72, 213, 208	`rgb(72,213,208)`
RGB Percent	28.2, 83.5, 81.6	`rgb(28.2%,83.5%,81.6%)`
CMYK	66, 0, 2, 16
HSL	177.9°, 62.7, 55.9	`hsl(177.9,62.7%,55.9%)`
HSV (or HSB)	177.9°, 66.2, 83.5
Web Safe	33cccc	`#33cccc`

CIE-LAB	78.179, -38.093, -8.581
XYZ	37.848, 53.517, 68.006
xyY	0.237, 0.336, 53.517
CIE-LCH	78.179, 39.048, 192.695
CIE-LUV	78.179, -53.777, -7.376
Hunter-Lab	73.155, -35.671, -3.908
Binary	01001000, 11010101, 11010000

#48d5d0
```
#48d5d0 rgb(72,213,208)
```
#d5484d
```
#d5484d rgb(213,72,77)
```

Complementary Color

#48d58a
```
#48d58a rgb(72,213,138)
```
#48d5d0
```
#48d5d0 rgb(72,213,208)
```
#4894d5
```
#4894d5 rgb(72,148,213)
```

Analogous Color

#d58a48
```
#d58a48 rgb(213,138,72)
```
#48d5d0
```
#48d5d0 rgb(72,213,208)
```
#d54894
```
#d54894 rgb(213,72,148)
```

Split Complementary Color

#d5d048
```
#d5d048 rgb(213,208,72)
```
#48d5d0
```
#48d5d0 rgb(72,213,208)
```
#d048d5
```
#d048d5 rgb(208,72,213)
```

Triadic Color

#4dd548
```
#4dd548 rgb(77,213,72)
```
#48d5d0
```
#48d5d0 rgb(72,213,208)
```
#d048d5
```
#d048d5 rgb(208,72,213)
```
#d5484d
```
#d5484d rgb(213,72,77)
```

Tetradic Color

#27aaa5
```
#27aaa5 rgb(39,170,165)
```
#2cbeb9
```
#2cbeb9 rgb(44,190,185)
```
#33d0cb
```
#33d0cb rgb(51,208,203)
```
#48d5d0
```
#48d5d0 rgb(72,213,208)
```
#5ddad5
```
#5ddad5 rgb(93,218,213)
```
#71dfdb
```
#71dfdb rgb(113,223,219)
```
#86e3e0
```
#86e3e0 rgb(134,227,224)
```

Monochromatic Color

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

#48d5ad
```
#48d5ad rgb(72,213,173)
```
#48d5b9
```
#48d5b9 rgb(72,213,185)
```
#48d5c4
```
#48d5c4 rgb(72,213,196)
```
#48d5d0
```
#48d5d0 rgb(72,213,208)
```
#48ced5
```
#48ced5 rgb(72,206,213)
```
#48c3d5
```
#48c3d5 rgb(72,195,213)
```
#48b7d5
```
#48b7d5 rgb(72,183,213)
```

Similar Colors

Text with hexadecimal color #48d5d0

This text has a font color of #48d5d0.

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

#48d5d0 background color

This paragraph has a background color of #48d5d0.

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

#48d5d0 border color

This element has a border color of #48d5d0.

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

CSS codes

.text {color:#48d5d0;}

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

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

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)
```
#0d3837
```
#0d3837 rgb(13,56,55)
```
#114846
```
#114846 rgb(17,72,70)
```
#145856
```
#145856 rgb(20,88,86)
```
#186865
```
#186865 rgb(24,104,101)
```
#1c7875
```
#1c7875 rgb(28,120,117)
```
#1f8884
```
#1f8884 rgb(31,136,132)
```
#239894
```
#239894 rgb(35,152,148)
```
#27a8a3
```
#27a8a3 rgb(39,168,163)
```
#2ab8b3
```
#2ab8b3 rgb(42,184,179)
```
#2ec8c2
```
#2ec8c2 rgb(46,200,194)
```

Shade Color Variation

#38d1cc
```
#38d1cc rgb(56,209,204)
```
#48d5d0
```
#48d5d0 rgb(72,213,208)
```
#58d9d4
```
#58d9d4 rgb(88,217,212)
```
#68dcd8
```
#68dcd8 rgb(104,220,216)
```
#78e0dc
```
#78e0dc rgb(120,224,220)
```
#88e4e0
```
#88e4e0 rgb(136,228,224)
```
#98e7e4
```
#98e7e4 rgb(152,231,228)
```
#a8ebe9
```
#a8ebe9 rgb(168,235,233)
```
#b8efed
```
#b8efed rgb(184,239,237)
```
#c8f2f1
```
#c8f2f1 rgb(200,242,241)
```
#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 #25f8f0 is the most saturated one.

#8d9090
```
#8d9090 rgb(141,144,144)
```
#859898
```
#859898 rgb(133,152,152)
```
#7ca1a0
```
#7ca1a0 rgb(124,161,160)
```
#73aaa8
```
#73aaa8 rgb(115,170,168)
```
#6bb2b0
```
#6bb2b0 rgb(107,178,176)
```
#62bbb8
```
#62bbb8 rgb(98,187,184)
```
#59c4c0
```
#59c4c0 rgb(89,196,192)
```
#51ccc8
```
#51ccc8 rgb(81,204,200)
```
#48d5d0
```
#48d5d0 rgb(72,213,208)
```
#3fded8
```
#3fded8 rgb(63,222,216)
```
#37e6e0
```
#37e6e0 rgb(55,230,224)
```
#2eefe8
```
#2eefe8 rgb(46,239,232)
```
#25f8f0
```
#25f8f0 rgb(37,248,240)
```

Tone Color Variation

Below, you can see how #48d5d0 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
#96b3b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6c3c7 Protanopia 1% of men
#cbbfda Deuteranopia 1% of men
#5cd4e3 Tritanopia 0.001% of the population

Trichromacy

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

#48d5d0 hex color

#48d5d0 Color Information

#48d5d0 Color Conversion

Color Schemes with #48d5d0

Alternatives to #48d5d0

#48d5d0 Preview

Shades and Tints of #48d5d0

Tones of #48d5d0

Color Blindness Simulator