#48bcdc hex color

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

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

● #48bcdc color description : Soft cyan.

The hexadecimal color #48bcdc has RGB values of R:72, G:188, B:220 and CMYK values of C:0.67, M:0.15, Y:0, K:0.14. Its decimal value is 4766940.

Hex triplet	48bcdc	`#48bcdc`
RGB Decimal	72, 188, 220	`rgb(72,188,220)`
RGB Percent	28.2, 73.7, 86.3	`rgb(28.2%,73.7%,86.3%)`
CMYK	67, 15, 0, 14
HSL	193°, 67.9, 57.3	`hsl(193,67.9%,57.3%)`
HSV (or HSB)	193°, 67.3, 86.3
Web Safe	33cccc	`#33cccc`

CIE-LAB	71.22, -22.514, -25.574
XYZ	33.57, 42.509, 74.142
xyY	0.223, 0.283, 42.509
CIE-LCH	71.22, 34.072, 228.641
CIE-LUV	71.22, -44.047, -37.236
Hunter-Lab	65.199, -22.189, -21.784
Binary	01001000, 10111100, 11011100

#48bcdc
```
#48bcdc rgb(72,188,220)
```
#dc6848
```
#dc6848 rgb(220,104,72)
```

Complementary Color

#48dcb2
```
#48dcb2 rgb(72,220,178)
```
#48bcdc
```
#48bcdc rgb(72,188,220)
```
#4872dc
```
#4872dc rgb(72,114,220)
```

Analogous Color

#dcb248
```
#dcb248 rgb(220,178,72)
```
#48bcdc
```
#48bcdc rgb(72,188,220)
```
#dc4872
```
#dc4872 rgb(220,72,114)
```

Split Complementary Color

#bcdc48
```
#bcdc48 rgb(188,220,72)
```
#48bcdc
```
#48bcdc rgb(72,188,220)
```
#dc48bc
```
#dc48bc rgb(220,72,188)
```

Triadic Color

#48dc68
```
#48dc68 rgb(72,220,104)
```
#48bcdc
```
#48bcdc rgb(72,188,220)
```
#dc48bc
```
#dc48bc rgb(220,72,188)
```
#dc6848
```
#dc6848 rgb(220,104,72)
```

Tetradic Color

#2395b5
```
#2395b5 rgb(35,149,181)
```
#27a7ca
```
#27a7ca rgb(39,167,202)
```
#33b4d8
```
#33b4d8 rgb(51,180,216)
```
#48bcdc
```
#48bcdc rgb(72,188,220)
```
#5dc4e0
```
#5dc4e0 rgb(93,196,224)
```
#73cce4
```
#73cce4 rgb(115,204,228)
```
#88d4e8
```
#88d4e8 rgb(136,212,232)
```

Monochromatic Color

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

#48dcd7
```
#48dcd7 rgb(72,220,215)
```
#48d5dc
```
#48d5dc rgb(72,213,220)
```
#48c8dc
```
#48c8dc rgb(72,200,220)
```
#48bcdc
```
#48bcdc rgb(72,188,220)
```
#48b0dc
```
#48b0dc rgb(72,176,220)
```
#48a3dc
```
#48a3dc rgb(72,163,220)
```
#4897dc
```
#4897dc rgb(72,151,220)
```

Similar Colors

Text with hexadecimal color #48bcdc

This text has a font color of #48bcdc.

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

#48bcdc background color

This paragraph has a background color of #48bcdc.

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

#48bcdc border color

This element has a border color of #48bcdc.

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

CSS codes

.text {color:#48bcdc;}

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

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

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

#030c0f
```
#030c0f rgb(3,12,15)
```
#061a1f
```
#061a1f rgb(6,26,31)
```
#092730
```
#092730 rgb(9,39,48)
```
#0c3540
```
#0c3540 rgb(12,53,64)
```
#0f4250
```
#0f4250 rgb(15,66,80)
```
#135061
```
#135061 rgb(19,80,97)
```
#165e71
```
#165e71 rgb(22,94,113)
```
#196b82
```
#196b82 rgb(25,107,130)
```
#1c7992
```
#1c7992 rgb(28,121,146)
```
#1f86a3
```
#1f86a3 rgb(31,134,163)
```
#2294b3
```
#2294b3 rgb(34,148,179)
```
#25a1c4
```
#25a1c4 rgb(37,161,196)
```
#29afd4
```
#29afd4 rgb(41,175,212)
```

Shade Color Variation

#38b6d9
```
#38b6d9 rgb(56,182,217)
```
#48bcdc
```
#48bcdc rgb(72,188,220)
```
#58c2df
```
#58c2df rgb(88,194,223)
```
#69c8e2
```
#69c8e2 rgb(105,200,226)
```
#79cee5
```
#79cee5 rgb(121,206,229)
```
#8ad4e9
```
#8ad4e9 rgb(138,212,233)
```
#9adaec
```
#9adaec rgb(154,218,236)
```
#abe0ef
```
#abe0ef rgb(171,224,239)
```
#bbe6f2
```
#bbe6f2 rgb(187,230,242)
```
#ccecf5
```
#ccecf5 rgb(204,236,245)
```
#dcf2f8
```
#dcf2f8 rgb(220,242,248)
```
#edf8fb
```
#edf8fb rgb(237,248,251)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#8b9699
```
#8b9699 rgb(139,150,153)
```
#839ba1
```
#839ba1 rgb(131,155,161)
```
#7a9faa
```
#7a9faa rgb(122,159,170)
```
#72a4b2
```
#72a4b2 rgb(114,164,178)
```
#6aa9ba
```
#6aa9ba rgb(106,169,186)
```
#61aec3
```
#61aec3 rgb(97,174,195)
```
#59b2cb
```
#59b2cb rgb(89,178,203)
```
#50b7d4
```
#50b7d4 rgb(80,183,212)
```
#48bcdc
```
#48bcdc rgb(72,188,220)
```
#40c1e4
```
#40c1e4 rgb(64,193,228)
```
#37c6ed
```
#37c6ed rgb(55,198,237)
```
#2fcaf5
```
#2fcaf5 rgb(47,202,245)
```
#26cffe
```
#26cffe rgb(38,207,254)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#8ca3aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#aab1d4 Protanopia 1% of men
#a6afe3 Deuteranopia 1% of men
#47c1d0 Tritanopia 0.001% of the population

Trichromacy

#86b5d7 Protanomaly 1% of men, 0.01% of women
#84b4e0 Deuteranomaly 6% of men, 0.4% of women
#47bfd4 Tritanomaly 0.01% of the population

#48bcdc hex color

#48bcdc Color Information

#48bcdc Color Conversion

Color Schemes with #48bcdc

Alternatives to #48bcdc

#48bcdc Preview

Shades and Tints of #48bcdc

Tones of #48bcdc

Color Blindness Simulator