#48bbdc hex color

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

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

● #48bbdc color description : Soft cyan.

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

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

CIE-LAB	70.928, -22.003, -26.021
XYZ	33.358, 42.083, 74.071
xyY	0.223, 0.281, 42.083
CIE-LCH	70.928, 34.077, 229.783
CIE-LUV	70.928, -43.687, -38.035
Hunter-Lab	64.871, -21.738, -22.288
Binary	01001000, 10111011, 11011100

#48bbdc
```
#48bbdc rgb(72,187,220)
```
#dc6948
```
#dc6948 rgb(220,105,72)
```

Complementary Color

#48dcb3
```
#48dcb3 rgb(72,220,179)
```
#48bbdc
```
#48bbdc rgb(72,187,220)
```
#4871dc
```
#4871dc rgb(72,113,220)
```

Analogous Color

#dcb348
```
#dcb348 rgb(220,179,72)
```
#48bbdc
```
#48bbdc rgb(72,187,220)
```
#dc4871
```
#dc4871 rgb(220,72,113)
```

Split Complementary Color

#bbdc48
```
#bbdc48 rgb(187,220,72)
```
#48bbdc
```
#48bbdc rgb(72,187,220)
```
#dc48bb
```
#dc48bb rgb(220,72,187)
```

Triadic Color

#48dc69
```
#48dc69 rgb(72,220,105)
```
#48bbdc
```
#48bbdc rgb(72,187,220)
```
#dc48bb
```
#dc48bb rgb(220,72,187)
```
#dc6948
```
#dc6948 rgb(220,105,72)
```

Tetradic Color

#2394b5
```
#2394b5 rgb(35,148,181)
```
#27a6ca
```
#27a6ca rgb(39,166,202)
```
#33b3d8
```
#33b3d8 rgb(51,179,216)
```
#48bbdc
```
#48bbdc rgb(72,187,220)
```
#5dc3e0
```
#5dc3e0 rgb(93,195,224)
```
#73cbe4
```
#73cbe4 rgb(115,203,228)
```
#88d3e8
```
#88d3e8 rgb(136,211,232)
```

Monochromatic Color

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

#48dcd8
```
#48dcd8 rgb(72,220,216)
```
#48d4dc
```
#48d4dc rgb(72,212,220)
```
#48c7dc
```
#48c7dc rgb(72,199,220)
```
#48bbdc
```
#48bbdc rgb(72,187,220)
```
#48afdc
```
#48afdc rgb(72,175,220)
```
#48a2dc
```
#48a2dc rgb(72,162,220)
```
#4896dc
```
#4896dc rgb(72,150,220)
```

Similar Colors

Text with hexadecimal color #48bbdc

This text has a font color of #48bbdc.

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

#48bbdc background color

This paragraph has a background color of #48bbdc.

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

#48bbdc border color

This element has a border color of #48bbdc.

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

CSS codes

.text {color:#48bbdc;}

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

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

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)
```
#06191f
```
#06191f rgb(6,25,31)
```
#092730
```
#092730 rgb(9,39,48)
```
#0c3440
```
#0c3440 rgb(12,52,64)
```
#0f4250
```
#0f4250 rgb(15,66,80)
```
#134f61
```
#134f61 rgb(19,79,97)
```
#165d71
```
#165d71 rgb(22,93,113)
```
#196a82
```
#196a82 rgb(25,106,130)
```
#1c7892
```
#1c7892 rgb(28,120,146)
```
#1f85a3
```
#1f85a3 rgb(31,133,163)
```
#2293b3
```
#2293b3 rgb(34,147,179)
```
#25a0c4
```
#25a0c4 rgb(37,160,196)
```
#29aed4
```
#29aed4 rgb(41,174,212)
```

Shade Color Variation

#38b5d9
```
#38b5d9 rgb(56,181,217)
```
#48bbdc
```
#48bbdc rgb(72,187,220)
```
#58c1df
```
#58c1df rgb(88,193,223)
```
#69c7e2
```
#69c7e2 rgb(105,199,226)
```
#79cde5
```
#79cde5 rgb(121,205,229)
```
#8ad3e9
```
#8ad3e9 rgb(138,211,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 #26cefe is the most saturated one.

#8b9699
```
#8b9699 rgb(139,150,153)
```
#839aa1
```
#839aa1 rgb(131,154,161)
```
#7a9faa
```
#7a9faa rgb(122,159,170)
```
#72a4b2
```
#72a4b2 rgb(114,164,178)
```
#6aa8ba
```
#6aa8ba rgb(106,168,186)
```
#61adc3
```
#61adc3 rgb(97,173,195)
```
#59b2cb
```
#59b2cb rgb(89,178,203)
```
#50b6d4
```
#50b6d4 rgb(80,182,212)
```
#48bbdc
```
#48bbdc rgb(72,187,220)
```
#40c0e4
```
#40c0e4 rgb(64,192,228)
```
#37c4ed
```
#37c4ed rgb(55,196,237)
```
#2fc9f5
```
#2fc9f5 rgb(47,201,245)
```
#26cefe
```
#26cefe rgb(38,206,254)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#8ba2a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9b0d4 Protanopia 1% of men
#a5afe3 Deuteranopia 1% of men
#46c1cf Tritanopia 0.001% of the population

Trichromacy

#85b4d7 Protanomaly 1% of men, 0.01% of women
#83b3e0 Deuteranomaly 6% of men, 0.4% of women
#47bed3 Tritanomaly 0.01% of the population

#48bbdc hex color

#48bbdc Color Information

#48bbdc Color Conversion

Color Schemes with #48bbdc

Alternatives to #48bbdc

#48bbdc Preview

Shades and Tints of #48bbdc

Tones of #48bbdc

Color Blindness Simulator