#48c8dc hex color

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

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

● #48c8dc color description : Soft cyan.

The hexadecimal color #48c8dc has RGB values of R:72, G:200, B:220 and CMYK values of C:0.67, M:0.09, Y:0, K:0.14. Its decimal value is 4770012.

Hex triplet	48c8dc	`#48c8dc`
RGB Decimal	72, 200, 220	`rgb(72,200,220)`
RGB Percent	28.2, 78.4, 86.3	`rgb(28.2%,78.4%,86.3%)`
CMYK	67, 9, 0, 14
HSL	188.1°, 67.9, 57.3	`hsl(188.1,67.9%,57.3%)`
HSV (or HSB)	188.1°, 67.3, 86.3
Web Safe	33cccc	`#33cccc`

CIE-LAB	74.731, -28.51, -20.223
XYZ	36.241, 47.85, 75.032
xyY	0.228, 0.301, 47.85
CIE-LCH	74.731, 34.954, 215.35
CIE-LUV	74.731, -48.36, -27.675
Hunter-Lab	69.174, -27.536, -15.889
Binary	01001000, 11001000, 11011100

#48c8dc
```
#48c8dc rgb(72,200,220)
```
#dc5c48
```
#dc5c48 rgb(220,92,72)
```

Complementary Color

#48dca6
```
#48dca6 rgb(72,220,166)
```
#48c8dc
```
#48c8dc rgb(72,200,220)
```
#487edc
```
#487edc rgb(72,126,220)
```

Analogous Color

#dca648
```
#dca648 rgb(220,166,72)
```
#48c8dc
```
#48c8dc rgb(72,200,220)
```
#dc487e
```
#dc487e rgb(220,72,126)
```

Split Complementary Color

#c8dc48
```
#c8dc48 rgb(200,220,72)
```
#48c8dc
```
#48c8dc rgb(72,200,220)
```
#dc48c8
```
#dc48c8 rgb(220,72,200)
```

Triadic Color

#48dc5c
```
#48dc5c rgb(72,220,92)
```
#48c8dc
```
#48c8dc rgb(72,200,220)
```
#dc48c8
```
#dc48c8 rgb(220,72,200)
```
#dc5c48
```
#dc5c48 rgb(220,92,72)
```

Tetradic Color

#23a1b5
```
#23a1b5 rgb(35,161,181)
```
#27b4ca
```
#27b4ca rgb(39,180,202)
```
#33c2d8
```
#33c2d8 rgb(51,194,216)
```
#48c8dc
```
#48c8dc rgb(72,200,220)
```
#5dcee0
```
#5dcee0 rgb(93,206,224)
```
#73d5e4
```
#73d5e4 rgb(115,213,228)
```
#88dbe8
```
#88dbe8 rgb(136,219,232)
```

Monochromatic Color

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

#48dccb
```
#48dccb rgb(72,220,203)
```
#48dcd7
```
#48dcd7 rgb(72,220,215)
```
#48d4dc
```
#48d4dc rgb(72,212,220)
```
#48c8dc
```
#48c8dc rgb(72,200,220)
```
#48bcdc
```
#48bcdc rgb(72,188,220)
```
#48afdc
```
#48afdc rgb(72,175,220)
```
#48a3dc
```
#48a3dc rgb(72,163,220)
```

Similar Colors

Text with hexadecimal color #48c8dc

This text has a font color of #48c8dc.

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

#48c8dc background color

This paragraph has a background color of #48c8dc.

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

#48c8dc border color

This element has a border color of #48c8dc.

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

CSS codes

.text {color:#48c8dc;}

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

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

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)
```
#092a30
```
#092a30 rgb(9,42,48)
```
#0c3940
```
#0c3940 rgb(12,57,64)
```
#0f4850
```
#0f4850 rgb(15,72,80)
```
#135661
```
#135661 rgb(19,86,97)
```
#166571
```
#166571 rgb(22,101,113)
```
#197482
```
#197482 rgb(25,116,130)
```
#1c8292
```
#1c8292 rgb(28,130,146)
```
#1f91a3
```
#1f91a3 rgb(31,145,163)
```
#22a0b3
```
#22a0b3 rgb(34,160,179)
```
#25aec4
```
#25aec4 rgb(37,174,196)
```
#29bdd4
```
#29bdd4 rgb(41,189,212)
```

Shade Color Variation

#38c3d9
```
#38c3d9 rgb(56,195,217)
```
#48c8dc
```
#48c8dc rgb(72,200,220)
```
#58cddf
```
#58cddf rgb(88,205,223)
```
#69d2e2
```
#69d2e2 rgb(105,210,226)
```
#79d7e5
```
#79d7e5 rgb(121,215,229)
```
#8adce9
```
#8adce9 rgb(138,220,233)
```
#9ae1ec
```
#9ae1ec rgb(154,225,236)
```
#abe6ef
```
#abe6ef rgb(171,230,239)
```
#bbebf2
```
#bbebf2 rgb(187,235,242)
```
#ccf0f5
```
#ccf0f5 rgb(204,240,245)
```
#dcf5f8
```
#dcf5f8 rgb(220,245,248)
```
#edf9fb
```
#edf9fb rgb(237,249,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 #26e0fe is the most saturated one.

#8b9799
```
#8b9799 rgb(139,151,153)
```
#839da1
```
#839da1 rgb(131,157,161)
```
#7aa3aa
```
#7aa3aa rgb(122,163,170)
```
#72a9b2
```
#72a9b2 rgb(114,169,178)
```
#6ab0ba
```
#6ab0ba rgb(106,176,186)
```
#61b6c3
```
#61b6c3 rgb(97,182,195)
```
#59bccb
```
#59bccb rgb(89,188,203)
```
#50c2d4
```
#50c2d4 rgb(80,194,212)
```
#48c8dc
```
#48c8dc rgb(72,200,220)
```
#40cee4
```
#40cee4 rgb(64,206,228)
```
#37d4ed
```
#37d4ed rgb(55,212,237)
```
#2fdaf5
```
#2fdaf5 rgb(47,218,245)
```
#26e0fe
```
#26e0fe rgb(38,224,254)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#92abaf Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7bad3 Protanopia 1% of men
#b6b8e4 Deuteranopia 1% of men
#4fcbda Tritanopia 0.001% of the population

Trichromacy

#8ebfd6 Protanomaly 1% of men, 0.01% of women
#8ebde1 Deuteranomaly 6% of men, 0.4% of women
#4ccada Tritanomaly 0.01% of the population

#48c8dc hex color

#48c8dc Color Information

#48c8dc Color Conversion

Color Schemes with #48c8dc

Alternatives to #48c8dc

#48c8dc Preview

Shades and Tints of #48c8dc

Tones of #48c8dc

Color Blindness Simulator