#48dde5 hex color

In a RGB color space, hex #48dde5 is composed of 28.2% red, 86.7% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 68.6% cyan, 3.5% magenta, 0% yellow and 10.2% black. It has a hue angle of 183.1 degrees, a saturation of 75.1% and a lightness of 59%. #48dde5 color hex could be obtained by blending #90ffff with #00bbcb. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 28
- G 87
- B 90
RGB color chart
- C 69
- M 3
- Y 0
- K 10
CMYK color chart

● #48dde5 color description : Soft cyan.

The hexadecimal color #48dde5 has RGB values of R:72, G:221, B:229 and CMYK values of C:0.69, M:0.03, Y:0, K:0.1. Its decimal value is 4775397.

Hex triplet	48dde5	`#48dde5`
RGB Decimal	72, 221, 229	`rgb(72,221,229)`
RGB Percent	28.2, 86.7, 89.8	`rgb(28.2%,86.7%,89.8%)`
CMYK	69, 3, 0, 10
HSL	183.1°, 75.1, 59	`hsl(183.1,75.1%,59%)`
HSV (or HSB)	183.1°, 68.6, 89.8
Web Safe	33cccc	`#33cccc`

CIE-LAB	81.151, -35.908, -15.355
XYZ	42.668, 58.744, 83.214
xyY	0.231, 0.318, 58.744
CIE-LCH	81.151, 39.053, 203.153
CIE-LUV	81.151, -55.279, -18.774
Hunter-Lab	76.645, -34.758, -10.721
Binary	01001000, 11011101, 11100101

#48dde5
```
#48dde5 rgb(72,221,229)
```
#e55048
```
#e55048 rgb(229,80,72)
```

Complementary Color

#48e59f
```
#48e59f rgb(72,229,159)
```
#48dde5
```
#48dde5 rgb(72,221,229)
```
#488fe5
```
#488fe5 rgb(72,143,229)
```

Analogous Color

#e59f48
```
#e59f48 rgb(229,159,72)
```
#48dde5
```
#48dde5 rgb(72,221,229)
```
#e5488f
```
#e5488f rgb(229,72,143)
```

Split Complementary Color

#dde548
```
#dde548 rgb(221,229,72)
```
#48dde5
```
#48dde5 rgb(72,221,229)
```
#e548dd
```
#e548dd rgb(229,72,221)
```

Triadic Color

#48e550
```
#48e550 rgb(72,229,80)
```
#48dde5
```
#48dde5 rgb(72,221,229)
```
#e548dd
```
#e548dd rgb(229,72,221)
```
#e55048
```
#e55048 rgb(229,80,72)
```

Tetradic Color

#1cbcc5
```
#1cbcc5 rgb(28,188,197)
```
#1fd1db
```
#1fd1db rgb(31,209,219)
```
#32d9e2
```
#32d9e2 rgb(50,217,226)
```
#48dde5
```
#48dde5 rgb(72,221,229)
```
#5ee1e8
```
#5ee1e8 rgb(94,225,232)
```
#75e5eb
```
#75e5eb rgb(117,229,235)
```
#8be9ef
```
#8be9ef rgb(139,233,239)
```

Monochromatic Color

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

#48e5c6
```
#48e5c6 rgb(72,229,198)
```
#48e5d3
```
#48e5d3 rgb(72,229,211)
```
#48e5e0
```
#48e5e0 rgb(72,229,224)
```
#48dde5
```
#48dde5 rgb(72,221,229)
```
#48d0e5
```
#48d0e5 rgb(72,208,229)
```
#48c3e5
```
#48c3e5 rgb(72,195,229)
```
#48b6e5
```
#48b6e5 rgb(72,182,229)
```

Similar Colors

Text with hexadecimal color #48dde5

This text has a font color of #48dde5.

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

#48dde5 background color

This paragraph has a background color of #48dde5.

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

#48dde5 border color

This element has a border color of #48dde5.

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

CSS codes

.text {color:#48dde5;}

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

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

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

#010606
```
#010606 rgb(1,6,6)
```
#031617
```
#031617 rgb(3,22,23)
```
#062728
```
#062728 rgb(6,39,40)
```
#083739
```
#083739 rgb(8,55,57)
```
#0b474b
```
#0b474b rgb(11,71,75)
```
#0d585c
```
#0d585c rgb(13,88,92)
```
#0f686d
```
#0f686d rgb(15,104,109)
```
#12797e
```
#12797e rgb(18,121,126)
```
#14898f
```
#14898f rgb(20,137,143)
```
#1799a1
```
#1799a1 rgb(23,153,161)
```
#19aab2
```
#19aab2 rgb(25,170,178)
```
#1cbac3
```
#1cbac3 rgb(28,186,195)
```
#1ecbd4
```
#1ecbd4 rgb(30,203,212)
```

Shade Color Variation

#26d7e0
```
#26d7e0 rgb(38,215,224)
```
#37dae3
```
#37dae3 rgb(55,218,227)
```
#48dde5
```
#48dde5 rgb(72,221,229)
```
#59e0e7
```
#59e0e7 rgb(89,224,231)
```
#6ae3ea
```
#6ae3ea rgb(106,227,234)
```
#7ce7ec
```
#7ce7ec rgb(124,231,236)
```
#8deaef
```
#8deaef rgb(141,234,239)
```
#9eedf1
```
#9eedf1 rgb(158,237,241)
```
#aff0f4
```
#aff0f4 rgb(175,240,244)
```
#c0f3f6
```
#c0f3f6 rgb(192,243,246)
```
#d1f7f9
```
#d1f7f9 rgb(209,247,249)
```
#e3fafb
```
#e3fafb rgb(227,250,251)
```
#f4fdfd
```
#f4fdfd rgb(244,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #909c9d is the less saturated color, while #30f3fd is the most saturated one.

#909c9d
```
#909c9d rgb(144,156,157)
```
#88a3a5
```
#88a3a5 rgb(136,163,165)
```
#80aaad
```
#80aaad rgb(128,170,173)
```
#78b2b5
```
#78b2b5 rgb(120,178,181)
```
#70b9bd
```
#70b9bd rgb(112,185,189)
```
#68c0c5
```
#68c0c5 rgb(104,192,197)
```
#60c7cd
```
#60c7cd rgb(96,199,205)
```
#58cfd5
```
#58cfd5 rgb(88,207,213)
```
#50d6dd
```
#50d6dd rgb(80,214,221)
```
#48dde5
```
#48dde5 rgb(72,221,229)
```
#40e4ed
```
#40e4ed rgb(64,228,237)
```
#38ebf5
```
#38ebf5 rgb(56,235,245)
```
#30f3fd
```
#30f3fd rgb(48,243,253)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#9cbabb Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbcbda Protanopia 1% of men
#cdc7ee Deuteranopia 1% of men
#56dded Tritanopia 0.001% of the population

Trichromacy

#9bd1de Protanomaly 1% of men, 0.01% of women
#9ccfeb Deuteranomaly 6% of men, 0.4% of women
#51ddea Tritanomaly 0.01% of the population

#48dde5 hex color

#48dde5 Color Information

#48dde5 Color Conversion

Color Schemes with #48dde5

Alternatives to #48dde5

#48dde5 Preview

Shades and Tints of #48dde5

Tones of #48dde5

Color Blindness Simulator