colorhexa.com

#48ddce hex color

In a RGB color space, hex #48ddce is composed of 28.2% red, 86.7% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 67.4% cyan, 0% magenta, 6.8% yellow and 13.3% black. It has a hue angle of 174 degrees, a saturation of 68.7% and a lightness of 57.5%. #48ddce color hex could be obtained by blending #90ffff with #00bb9d. Closest websafe color is: #33cccc.

- R 28
- G 87
- B 81
RGB color chart
- C 67
- M 0
- Y 7
- K 13
CMYK color chart

● #48ddce color description : Soft cyan.

The hexadecimal color #48ddce has RGB values of R:72, G:221, B:206 and CMYK values of C:0.67, M:0, Y:0.07, K:0.13. Its decimal value is 4775374.

Hex triplet	48ddce	`#48ddce`
RGB Decimal	72, 221, 206	`rgb(72,221,206)`
RGB Percent	28.2, 86.7, 80.8	`rgb(28.2%,86.7%,80.8%)`
CMYK	67, 0, 7, 13
HSL	174°, 68.7, 57.5	`hsl(174,68.7%,57.5%)`
HSV (or HSB)	174°, 67.4, 86.7
Web Safe	33cccc	`#33cccc`

CIE-LAB	80.484, -42.232, -4.103
XYZ	39.666, 57.543, 67.406
xyY	0.241, 0.35, 57.543
CIE-LCH	80.484, 42.431, 185.548
CIE-LUV	80.484, -56.769, 0.344
Hunter-Lab	75.857, -39.412, 0.416
Binary	01001000, 11011101, 11001110

#48ddce
```
#48ddce rgb(72,221,206)
```
#dd4857
```
#dd4857 rgb(221,72,87)
```

Complementary Color

#48dd84
```
#48dd84 rgb(72,221,132)
```
#48ddce
```
#48ddce rgb(72,221,206)
```
#48a2dd
```
#48a2dd rgb(72,162,221)
```

Analogous Color

#dd8448
```
#dd8448 rgb(221,132,72)
```
#48ddce
```
#48ddce rgb(72,221,206)
```
#dd48a2
```
#dd48a2 rgb(221,72,162)
```

Split Complementary Color

#ddce48
```
#ddce48 rgb(221,206,72)
```
#48ddce
```
#48ddce rgb(72,221,206)
```
#ce48dd
```
#ce48dd rgb(206,72,221)
```

Triadic Color

#57dd48
```
#57dd48 rgb(87,221,72)
```
#48ddce
```
#48ddce rgb(72,221,206)
```
#ce48dd
```
#ce48dd rgb(206,72,221)
```
#dd4857
```
#dd4857 rgb(221,72,87)
```

Tetradic Color

#22b7a8
```
#22b7a8 rgb(34,183,168)
```
#26ccbb
```
#26ccbb rgb(38,204,187)
```
#32d9c8
```
#32d9c8 rgb(50,217,200)
```
#48ddce
```
#48ddce rgb(72,221,206)
```
#5ee1d4
```
#5ee1d4 rgb(94,225,212)
```
#73e5da
```
#73e5da rgb(115,229,218)
```
#89e9df
```
#89e9df rgb(137,233,223)
```

Monochromatic Color

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

#48dda9
```
#48dda9 rgb(72,221,169)
```
#48ddb5
```
#48ddb5 rgb(72,221,181)
```
#48ddc2
```
#48ddc2 rgb(72,221,194)
```
#48ddce
```
#48ddce rgb(72,221,206)
```
#48ddda
```
#48ddda rgb(72,221,218)
```
#48d3dd
```
#48d3dd rgb(72,211,221)
```
#48c7dd
```
#48c7dd rgb(72,199,221)
```

Similar Colors

Text with hexadecimal color #48ddce

This text has a font color of #48ddce.

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

#48ddce background color

This paragraph has a background color of #48ddce.

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

#48ddce border color

This element has a border color of #48ddce.

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

CSS codes

.text {color:#48ddce;}

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

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

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, #03100e is the darkest color, while #feffff is the lightest one.

#03100e
```
#03100e rgb(3,16,14)
```
#06201d
```
#06201d rgb(6,32,29)
```
#09312d
```
#09312d rgb(9,49,45)
```
#0c413c
```
#0c413c rgb(12,65,60)
```
#0f524b
```
#0f524b rgb(15,82,75)
```
#12625a
```
#12625a rgb(18,98,90)
```
#157369
```
#157369 rgb(21,115,105)
```
#188379
```
#188379 rgb(24,131,121)
```
#1b9488
```
#1b9488 rgb(27,148,136)
```
#1fa497
```
#1fa497 rgb(31,164,151)
```
#22b5a6
```
#22b5a6 rgb(34,181,166)
```
#25c5b5
```
#25c5b5 rgb(37,197,181)
```
#28d6c4
```
#28d6c4 rgb(40,214,196)
```

Shade Color Variation

#37daca
```
#37daca rgb(55,218,202)
```
#48ddce
```
#48ddce rgb(72,221,206)
```
#59e0d2
```
#59e0d2 rgb(89,224,210)
```
#69e3d7
```
#69e3d7 rgb(105,227,215)
```
#7ae6db
```
#7ae6db rgb(122,230,219)
```
#8ae9e0
```
#8ae9e0 rgb(138,233,224)
```
#9bece4
```
#9bece4 rgb(155,236,228)
```
#abefe9
```
#abefe9 rgb(171,239,233)
```
#bcf3ed
```
#bcf3ed rgb(188,243,237)
```
#ccf6f1
```
#ccf6f1 rgb(204,246,241)
```
#ddf9f6
```
#ddf9f6 rgb(221,249,246)
```
#edfcfa
```
#edfcfa rgb(237,252,250)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#8b9a99
```
#8b9a99 rgb(139,154,153)
```
#82a39f
```
#82a39f rgb(130,163,159)
```
#7aaba6
```
#7aaba6 rgb(122,171,166)
```
#72b3ad
```
#72b3ad rgb(114,179,173)
```
#69bcb3
```
#69bcb3 rgb(105,188,179)
```
#61c4ba
```
#61c4ba rgb(97,196,186)
```
#59ccc1
```
#59ccc1 rgb(89,204,193)
```
#50d5c7
```
#50d5c7 rgb(80,213,199)
```
#48ddce
```
#48ddce rgb(72,221,206)
```
#40e5d5
```
#40e5d5 rgb(64,229,213)
```
#37eedb
```
#37eedb rgb(55,238,219)
```
#2ff6e2
```
#2ff6e2 rgb(47,246,226)
```
#27fee9
```
#27fee9 rgb(39,254,233)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#9ab8b5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfc9c5 Protanopia 1% of men
#d6c5d9 Deuteranopia 1% of men
#61daea Tritanopia 0.001% of the population

Trichromacy

#9ed0c8 Protanomaly 1% of men, 0.01% of women
#a2cdd5 Deuteranomaly 6% of men, 0.4% of women
#58dbe0 Tritanomaly 0.01% of the population