#48cddd hex color

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

♥
- f
- t
- g
- R 28
- G 80
- B 87
RGB color chart
- C 67
- M 7
- Y 0
- K 13
CMYK color chart

● #48cddd color description : Soft cyan.

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

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

CIE-LAB	76.227, -30.644, -18.496
XYZ	37.551, 50.258, 76.124
xyY	0.229, 0.307, 50.258
CIE-LCH	76.227, 35.793, 211.114
CIE-LUV	76.227, -50.092, -24.57
Hunter-Lab	70.893, -29.512, -14.041
Binary	01001000, 11001101, 11011101

#48cddd
```
#48cddd rgb(72,205,221)
```
#dd5848
```
#dd5848 rgb(221,88,72)
```

Complementary Color

#48dda3
```
#48dda3 rgb(72,221,163)
```
#48cddd
```
#48cddd rgb(72,205,221)
```
#4883dd
```
#4883dd rgb(72,131,221)
```

Analogous Color

#dda348
```
#dda348 rgb(221,163,72)
```
#48cddd
```
#48cddd rgb(72,205,221)
```
#dd4883
```
#dd4883 rgb(221,72,131)
```

Split Complementary Color

#cddd48
```
#cddd48 rgb(205,221,72)
```
#48cddd
```
#48cddd rgb(72,205,221)
```
#dd48cd
```
#dd48cd rgb(221,72,205)
```

Triadic Color

#48dd58
```
#48dd58 rgb(72,221,88)
```
#48cddd
```
#48cddd rgb(72,205,221)
```
#dd48cd
```
#dd48cd rgb(221,72,205)
```
#dd5848
```
#dd5848 rgb(221,88,72)
```

Tetradic Color

#22a7b7
```
#22a7b7 rgb(34,167,183)
```
#26bacc
```
#26bacc rgb(38,186,204)
```
#32c7d9
```
#32c7d9 rgb(50,199,217)
```
#48cddd
```
#48cddd rgb(72,205,221)
```
#5ed3e1
```
#5ed3e1 rgb(94,211,225)
```
#73d9e5
```
#73d9e5 rgb(115,217,229)
```
#89dfe9
```
#89dfe9 rgb(137,223,233)
```

Monochromatic Color

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

#48ddc8
```
#48ddc8 rgb(72,221,200)
```
#48ddd4
```
#48ddd4 rgb(72,221,212)
```
#48d9dd
```
#48d9dd rgb(72,217,221)
```
#48cddd
```
#48cddd rgb(72,205,221)
```
#48c1dd
```
#48c1dd rgb(72,193,221)
```
#48b4dd
```
#48b4dd rgb(72,180,221)
```
#48a8dd
```
#48a8dd rgb(72,168,221)
```

Similar Colors

Text with hexadecimal color #48cddd

This text has a font color of #48cddd.

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

#48cddd background color

This paragraph has a background color of #48cddd.

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

#48cddd border color

This element has a border color of #48cddd.

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

CSS codes

.text {color:#48cddd;}

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

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

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

#030e10
```
#030e10 rgb(3,14,16)
```
#061d20
```
#061d20 rgb(6,29,32)
```
#092c31
```
#092c31 rgb(9,44,49)
```
#0c3b41
```
#0c3b41 rgb(12,59,65)
```
#0f4b52
```
#0f4b52 rgb(15,75,82)
```
#125a62
```
#125a62 rgb(18,90,98)
```
#156973
```
#156973 rgb(21,105,115)
```
#187883
```
#187883 rgb(24,120,131)
```
#1b8794
```
#1b8794 rgb(27,135,148)
```
#1f96a4
```
#1f96a4 rgb(31,150,164)
```
#22a5b5
```
#22a5b5 rgb(34,165,181)
```
#25b4c5
```
#25b4c5 rgb(37,180,197)
```
#28c3d6
```
#28c3d6 rgb(40,195,214)
```

Shade Color Variation

#37c8da
```
#37c8da rgb(55,200,218)
```
#48cddd
```
#48cddd rgb(72,205,221)
```
#59d2e0
```
#59d2e0 rgb(89,210,224)
```
#69d6e3
```
#69d6e3 rgb(105,214,227)
```
#7adbe6
```
#7adbe6 rgb(122,219,230)
```
#8adfe9
```
#8adfe9 rgb(138,223,233)
```
#9be4ec
```
#9be4ec rgb(155,228,236)
```
#abe8ef
```
#abe8ef rgb(171,232,239)
```
#bcedf3
```
#bcedf3 rgb(188,237,243)
```
#ccf1f6
```
#ccf1f6 rgb(204,241,246)
```
#ddf6f9
```
#ddf6f9 rgb(221,246,249)
```
#edfafc
```
#edfafc rgb(237,250,252)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#8b999a
```
#8b999a rgb(139,153,154)
```
#829fa3
```
#829fa3 rgb(130,159,163)
```
#7aa6ab
```
#7aa6ab rgb(122,166,171)
```
#72acb3
```
#72acb3 rgb(114,172,179)
```
#69b3bc
```
#69b3bc rgb(105,179,188)
```
#61b9c4
```
#61b9c4 rgb(97,185,196)
```
#59c0cc
```
#59c0cc rgb(89,192,204)
```
#50c6d5
```
#50c6d5 rgb(80,198,213)
```
#48cddd
```
#48cddd rgb(72,205,221)
```
#40d4e5
```
#40d4e5 rgb(64,212,229)
```
#37daee
```
#37daee rgb(55,218,238)
```
#2fe1f6
```
#2fe1f6 rgb(47,225,246)
```
#27e7fe
```
#27e7fe rgb(39,231,254)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#94afb2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcbed4 Protanopia 1% of men
#bcbbe6 Deuteranopia 1% of men
#51cfde Tritanopia 0.001% of the population

Trichromacy

#91c3d7 Protanomaly 1% of men, 0.01% of women
#92c2e2 Deuteranomaly 6% of men, 0.4% of women
#4ecede Tritanomaly 0.01% of the population

#48cddd hex color

#48cddd Color Information

#48cddd Color Conversion

Color Schemes with #48cddd

Alternatives to #48cddd

#48cddd Preview

Shades and Tints of #48cddd

Tones of #48cddd

Color Blindness Simulator