#48ccdc hex color

In a RGB color space, hex #48ccdc is composed of 28.2% red, 80% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 67.3% cyan, 7.3% magenta, 0% yellow and 13.7% black. It has a hue angle of 186.5 degrees, a saturation of 67.9% and a lightness of 57.3%. #48ccdc color hex could be obtained by blending #90ffff with #0099b9. Closest websafe color is: #33cccc.

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

● #48ccdc color description : Soft cyan.

The hexadecimal color #48ccdc has RGB values of R:72, G:204, B:220 and CMYK values of C:0.67, M:0.07, Y:0, K:0.14. Its decimal value is 4771036.

Hex triplet	48ccdc	`#48ccdc`
RGB Decimal	72, 204, 220	`rgb(72,204,220)`
RGB Percent	28.2, 80, 86.3	`rgb(28.2%,80%,86.3%)`
CMYK	67, 7, 0, 14
HSL	186.5°, 67.9, 57.3	`hsl(186.5,67.9%,57.3%)`
HSV (or HSB)	186.5°, 67.3, 86.3
Web Safe	33cccc	`#33cccc`

CIE-LAB	75.902, -30.455, -18.449
XYZ	37.18, 49.728, 75.345
xyY	0.229, 0.306, 49.728
CIE-LCH	75.902, 35.607, 211.207
CIE-LUV	75.902, -49.795, -24.507
Hunter-Lab	70.518, -29.293, -13.986
Binary	01001000, 11001100, 11011100

#48ccdc
```
#48ccdc rgb(72,204,220)
```
#dc5848
```
#dc5848 rgb(220,88,72)
```

Complementary Color

#48dca2
```
#48dca2 rgb(72,220,162)
```
#48ccdc
```
#48ccdc rgb(72,204,220)
```
#4882dc
```
#4882dc rgb(72,130,220)
```

Analogous Color

#dca248
```
#dca248 rgb(220,162,72)
```
#48ccdc
```
#48ccdc rgb(72,204,220)
```
#dc4882
```
#dc4882 rgb(220,72,130)
```

Split Complementary Color

#ccdc48
```
#ccdc48 rgb(204,220,72)
```
#48ccdc
```
#48ccdc rgb(72,204,220)
```
#dc48cc
```
#dc48cc rgb(220,72,204)
```

Triadic Color

#48dc58
```
#48dc58 rgb(72,220,88)
```
#48ccdc
```
#48ccdc rgb(72,204,220)
```
#dc48cc
```
#dc48cc rgb(220,72,204)
```
#dc5848
```
#dc5848 rgb(220,88,72)
```

Tetradic Color

#23a5b5
```
#23a5b5 rgb(35,165,181)
```
#27b9ca
```
#27b9ca rgb(39,185,202)
```
#33c6d8
```
#33c6d8 rgb(51,198,216)
```
#48ccdc
```
#48ccdc rgb(72,204,220)
```
#5dd2e0
```
#5dd2e0 rgb(93,210,224)
```
#73d8e4
```
#73d8e4 rgb(115,216,228)
```
#88dee8
```
#88dee8 rgb(136,222,232)
```

Monochromatic Color

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

#48dcc7
```
#48dcc7 rgb(72,220,199)
```
#48dcd3
```
#48dcd3 rgb(72,220,211)
```
#48d8dc
```
#48d8dc rgb(72,216,220)
```
#48ccdc
```
#48ccdc rgb(72,204,220)
```
#48c0dc
```
#48c0dc rgb(72,192,220)
```
#48b3dc
```
#48b3dc rgb(72,179,220)
```
#48a7dc
```
#48a7dc rgb(72,167,220)
```

Similar Colors

Text with hexadecimal color #48ccdc

This text has a font color of #48ccdc.

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

#48ccdc background color

This paragraph has a background color of #48ccdc.

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

#48ccdc border color

This element has a border color of #48ccdc.

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

CSS codes

.text {color:#48ccdc;}

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

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

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

#030d0f
```
#030d0f rgb(3,13,15)
```
#061c1f
```
#061c1f rgb(6,28,31)
```
#092b30
```
#092b30 rgb(9,43,48)
```
#0c3a40
```
#0c3a40 rgb(12,58,64)
```
#0f4950
```
#0f4950 rgb(15,73,80)
```
#135861
```
#135861 rgb(19,88,97)
```
#166771
```
#166771 rgb(22,103,113)
```
#197782
```
#197782 rgb(25,119,130)
```
#1c8692
```
#1c8692 rgb(28,134,146)
```
#1f95a3
```
#1f95a3 rgb(31,149,163)
```
#22a4b3
```
#22a4b3 rgb(34,164,179)
```
#25b3c4
```
#25b3c4 rgb(37,179,196)
```
#29c2d4
```
#29c2d4 rgb(41,194,212)
```

Shade Color Variation

#38c7d9
```
#38c7d9 rgb(56,199,217)
```
#48ccdc
```
#48ccdc rgb(72,204,220)
```
#58d1df
```
#58d1df rgb(88,209,223)
```
#69d5e2
```
#69d5e2 rgb(105,213,226)
```
#79dae5
```
#79dae5 rgb(121,218,229)
```
#8adee9
```
#8adee9 rgb(138,222,233)
```
#9ae3ec
```
#9ae3ec rgb(154,227,236)
```
#abe8ef
```
#abe8ef rgb(171,232,239)
```
#bbecf2
```
#bbecf2 rgb(187,236,242)
```
#ccf1f5
```
#ccf1f5 rgb(204,241,245)
```
#dcf5f8
```
#dcf5f8 rgb(220,245,248)
```
#edfafb
```
#edfafb rgb(237,250,251)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#8b9799
```
#8b9799 rgb(139,151,153)
```
#839ea1
```
#839ea1 rgb(131,158,161)
```
#7aa5aa
```
#7aa5aa rgb(122,165,170)
```
#72abb2
```
#72abb2 rgb(114,171,178)
```
#6ab2ba
```
#6ab2ba rgb(106,178,186)
```
#61b8c3
```
#61b8c3 rgb(97,184,195)
```
#59bfcb
```
#59bfcb rgb(89,191,203)
```
#50c5d4
```
#50c5d4 rgb(80,197,212)
```
#48ccdc
```
#48ccdc rgb(72,204,220)
```
#40d3e4
```
#40d3e4 rgb(64,211,228)
```
#37d9ed
```
#37d9ed rgb(55,217,237)
```
#2fe0f5
```
#2fe0f5 rgb(47,224,245)
```
#26e6fe
```
#26e6fe rgb(38,230,254)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#93aeb1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bbbdd3 Protanopia 1% of men
#bbbae5 Deuteranopia 1% of men
#51cedd Tritanopia 0.001% of the population

Trichromacy

#91c2d6 Protanomaly 1% of men, 0.01% of women
#91c1e1 Deuteranomaly 6% of men, 0.4% of women
#4ecddd Tritanomaly 0.01% of the population

#48ccdc hex color

#48ccdc Color Information

#48ccdc Color Conversion

Color Schemes with #48ccdc

Alternatives to #48ccdc

#48ccdc Preview

Shades and Tints of #48ccdc

Tones of #48ccdc

Color Blindness Simulator