#48e0dd hex color

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

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

● #48e0dd color description : Soft cyan.

The hexadecimal color #48e0dd has RGB values of R:72, G:224, B:221 and CMYK values of C:0.68, M:0, Y:0.01, K:0.12. Its decimal value is 4776157.

Hex triplet	48e0dd	`#48e0dd`
RGB Decimal	72, 224, 221	`rgb(72,224,221)`
RGB Percent	28.2, 87.8, 86.7	`rgb(28.2%,87.8%,86.7%)`
CMYK	68, 0, 1, 12
HSL	178.8°, 71, 58	`hsl(178.8,71%,58%)`
HSV (or HSB)	178.8°, 67.9, 87.8
Web Safe	33cccc	`#33cccc`

CIE-LAB	81.787, -39.526, -10.151
XYZ	42.375, 59.906, 77.732
xyY	0.235, 0.333, 59.906
CIE-LCH	81.787, 40.809, 194.403
CIE-LUV	81.787, -56.862, -9.734
Hunter-Lab	77.399, -37.72, -5.366
Binary	01001000, 11100000, 11011101

#48e0dd
```
#48e0dd rgb(72,224,221)
```
#e0484b
```
#e0484b rgb(224,72,75)
```

Complementary Color

#48e091
```
#48e091 rgb(72,224,145)
```
#48e0dd
```
#48e0dd rgb(72,224,221)
```
#4897e0
```
#4897e0 rgb(72,151,224)
```

Analogous Color

#e09148
```
#e09148 rgb(224,145,72)
```
#48e0dd
```
#48e0dd rgb(72,224,221)
```
#e04897
```
#e04897 rgb(224,72,151)
```

Split Complementary Color

#e0dd48
```
#e0dd48 rgb(224,221,72)
```
#48e0dd
```
#48e0dd rgb(72,224,221)
```
#dd48e0
```
#dd48e0 rgb(221,72,224)
```

Triadic Color

#4be048
```
#4be048 rgb(75,224,72)
```
#48e0dd
```
#48e0dd rgb(72,224,221)
```
#dd48e0
```
#dd48e0 rgb(221,72,224)
```
#e0484b
```
#e0484b rgb(224,72,75)
```

Tetradic Color

#20bcb9
```
#20bcb9 rgb(32,188,185)
```
#23d2ce
```
#23d2ce rgb(35,210,206)
```
#32dcd9
```
#32dcd9 rgb(50,220,217)
```
#48e0dd
```
#48e0dd rgb(72,224,221)
```
#5ee4e1
```
#5ee4e1 rgb(94,228,225)
```
#74e7e5
```
#74e7e5 rgb(116,231,229)
```
#89ebe9
```
#89ebe9 rgb(137,235,233)
```

Monochromatic Color

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

#48e0b7
```
#48e0b7 rgb(72,224,183)
```
#48e0c4
```
#48e0c4 rgb(72,224,196)
```
#48e0d0
```
#48e0d0 rgb(72,224,208)
```
#48e0dd
```
#48e0dd rgb(72,224,221)
```
#48d6e0
```
#48d6e0 rgb(72,214,224)
```
#48cae0
```
#48cae0 rgb(72,202,224)
```
#48bde0
```
#48bde0 rgb(72,189,224)
```

Similar Colors

Text with hexadecimal color #48e0dd

This text has a font color of #48e0dd.

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

#48e0dd background color

This paragraph has a background color of #48e0dd.

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

#48e0dd border color

This element has a border color of #48e0dd.

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

CSS codes

.text {color:#48e0dd;}

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

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

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 #f0fcfc is the lightest one.

#000201
```
#000201 rgb(0,2,1)
```
#031212
```
#031212 rgb(3,18,18)
```
#062322
```
#062322 rgb(6,35,34)
```
#093433
```
#093433 rgb(9,52,51)
```
#0c4543
```
#0c4543 rgb(12,69,67)
```
#0e5554
```
#0e5554 rgb(14,85,84)
```
#116664
```
#116664 rgb(17,102,100)
```
#147775
```
#147775 rgb(20,119,117)
```
#178885
```
#178885 rgb(23,136,133)
```
#1a9896
```
#1a9896 rgb(26,152,150)
```
#1da9a6
```
#1da9a6 rgb(29,169,166)
```
#20bab7
```
#20bab7 rgb(32,186,183)
```
#22cbc7
```
#22cbc7 rgb(34,203,199)
```

Shade Color Variation

#26dad7
```
#26dad7 rgb(38,218,215)
```
#37ddda
```
#37ddda rgb(55,221,218)
```
#48e0dd
```
#48e0dd rgb(72,224,221)
```
#59e3e0
```
#59e3e0 rgb(89,227,224)
```
#6ae6e3
```
#6ae6e3 rgb(106,230,227)
```
#7ae9e6
```
#7ae9e6 rgb(122,233,230)
```
#8bebe9
```
#8bebe9 rgb(139,235,233)
```
#9ceeed
```
#9ceeed rgb(156,238,237)
```
#adf1f0
```
#adf1f0 rgb(173,241,240)
```
#bdf4f3
```
#bdf4f3 rgb(189,244,243)
```
#cef7f6
```
#cef7f6 rgb(206,247,246)
```
#dffaf9
```
#dffaf9 rgb(223,250,249)
```
#f0fcfc
```
#f0fcfc rgb(240,252,252)
```

Tint Color Variation

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

#929696
```
#929696 rgb(146,150,150)
```
#8a9e9e
```
#8a9e9e rgb(138,158,158)
```
#82a6a6
```
#82a6a6 rgb(130,166,166)
```
#79afae
```
#79afae rgb(121,175,174)
```
#71b7b5
```
#71b7b5 rgb(113,183,181)
```
#69bfbd
```
#69bfbd rgb(105,191,189)
```
#61c7c5
```
#61c7c5 rgb(97,199,197)
```
#58d0cd
```
#58d0cd rgb(88,208,205)
```
#50d8d5
```
#50d8d5 rgb(80,216,213)
```
#48e0dd
```
#48e0dd rgb(72,224,221)
```
#40e8e5
```
#40e8e5 rgb(64,232,229)
```
#38f0ed
```
#38f0ed rgb(56,240,237)
```
#2ff9f5
```
#2ff9f5 rgb(47,249,245)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#9dbbbb Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfccd3 Protanopia 1% of men
#d4c9e7 Deuteranopia 1% of men
#5cdeef Tritanopia 0.001% of the population

Trichromacy

#9ed3d6 Protanomaly 1% of men, 0.01% of women
#a1d1e3 Deuteranomaly 6% of men, 0.4% of women
#55dfe8 Tritanomaly 0.01% of the population

#48e0dd hex color

#48e0dd Color Information

#48e0dd Color Conversion

Color Schemes with #48e0dd

Alternatives to #48e0dd

#48e0dd Preview

Shades and Tints of #48e0dd

Tones of #48e0dd

Color Blindness Simulator