#48bcd3 hex color

In a RGB color space, hex #48bcd3 is composed of 28.2% red, 73.7% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 65.9% cyan, 10.9% magenta, 0% yellow and 17.3% black. It has a hue angle of 189.9 degrees, a saturation of 61.2% and a lightness of 55.5%. #48bcd3 color hex could be obtained by blending #90ffff with #0079a7. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 28
- G 74
- B 83
RGB color chart
- C 66
- M 11
- Y 0
- K 17
CMYK color chart

● #48bcd3 color description : Moderate cyan.

The hexadecimal color #48bcd3 has RGB values of R:72, G:188, B:211 and CMYK values of C:0.66, M:0.11, Y:0, K:0.17. Its decimal value is 4766931.

Hex triplet	48bcd3	`#48bcd3`
RGB Decimal	72, 188, 211	`rgb(72,188,211)`
RGB Percent	28.2, 73.7, 82.7	`rgb(28.2%,73.7%,82.7%)`
CMYK	66, 11, 0, 17
HSL	189.9°, 61.2, 55.5	`hsl(189.9,61.2%,55.5%)`
HSV (or HSB)	189.9°, 65.9, 82.7
Web Safe	33cccc	`#33cccc`

CIE-LAB	70.902, -25.26, -21.15
XYZ	32.41, 42.045, 68.032
xyY	0.227, 0.295, 42.045
CIE-LCH	70.902, 32.946, 219.939
CIE-LUV	70.902, -44.557, -29.472
Hunter-Lab	64.842, -24.252, -16.818
Binary	01001000, 10111100, 11010011

#48bcd3
```
#48bcd3 rgb(72,188,211)
```
#d35f48
```
#d35f48 rgb(211,95,72)
```

Complementary Color

#48d3a5
```
#48d3a5 rgb(72,211,165)
```
#48bcd3
```
#48bcd3 rgb(72,188,211)
```
#4877d3
```
#4877d3 rgb(72,119,211)
```

Analogous Color

#d3a548
```
#d3a548 rgb(211,165,72)
```
#48bcd3
```
#48bcd3 rgb(72,188,211)
```
#d34877
```
#d34877 rgb(211,72,119)
```

Split Complementary Color

#bcd348
```
#bcd348 rgb(188,211,72)
```
#48bcd3
```
#48bcd3 rgb(72,188,211)
```
#d348bc
```
#d348bc rgb(211,72,188)
```

Triadic Color

#48d35f
```
#48d35f rgb(72,211,95)
```
#48bcd3
```
#48bcd3 rgb(72,188,211)
```
#d348bc
```
#d348bc rgb(211,72,188)
```
#d35f48
```
#d35f48 rgb(211,95,72)
```

Tetradic Color

#2892a6
```
#2892a6 rgb(40,146,166)
```
#2da4bb
```
#2da4bb rgb(45,164,187)
```
#33b4ce
```
#33b4ce rgb(51,180,206)
```
#48bcd3
```
#48bcd3 rgb(72,188,211)
```
#5dc4d8
```
#5dc4d8 rgb(93,196,216)
```
#71cbdd
```
#71cbdd rgb(113,203,221)
```
#86d3e2
```
#86d3e2 rgb(134,211,226)
```

Monochromatic Color

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

#48d3c7
```
#48d3c7 rgb(72,211,199)
```
#48d3d3
```
#48d3d3 rgb(72,211,211)
```
#48c8d3
```
#48c8d3 rgb(72,200,211)
```
#48bcd3
```
#48bcd3 rgb(72,188,211)
```
#48b0d3
```
#48b0d3 rgb(72,176,211)
```
#48a5d3
```
#48a5d3 rgb(72,165,211)
```
#4899d3
```
#4899d3 rgb(72,153,211)
```

Similar Colors

Text with hexadecimal color #48bcd3

This text has a font color of #48bcd3.

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

#48bcd3 background color

This paragraph has a background color of #48bcd3.

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

#48bcd3 border color

This element has a border color of #48bcd3.

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

CSS codes

.text {color:#48bcd3;}

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

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

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, #020607 is the darkest color, while #f6fcfd is the lightest one.

#020607
```
#020607 rgb(2,6,7)
```
#051417
```
#051417 rgb(5,20,23)
```
#092226
```
#092226 rgb(9,34,38)
```
#0d2f36
```
#0d2f36 rgb(13,47,54)
```
#113d46
```
#113d46 rgb(17,61,70)
```
#154b56
```
#154b56 rgb(21,75,86)
```
#185966
```
#185966 rgb(24,89,102)
```
#1c6775
```
#1c6775 rgb(28,103,117)
```
#207585
```
#207585 rgb(32,117,133)
```
#248295
```
#248295 rgb(36,130,149)
```
#2890a5
```
#2890a5 rgb(40,144,165)
```
#2b9eb5
```
#2b9eb5 rgb(43,158,181)
```
#2facc5
```
#2facc5 rgb(47,172,197)
```

Shade Color Variation

#38b6cf
```
#38b6cf rgb(56,182,207)
```
#48bcd3
```
#48bcd3 rgb(72,188,211)
```
#58c2d7
```
#58c2d7 rgb(88,194,215)
```
#68c8db
```
#68c8db rgb(104,200,219)
```
#77cdde
```
#77cdde rgb(119,205,222)
```
#87d3e2
```
#87d3e2 rgb(135,211,226)
```
#97d9e6
```
#97d9e6 rgb(151,217,230)
```
#a7dfea
```
#a7dfea rgb(167,223,234)
```
#b7e5ee
```
#b7e5ee rgb(183,229,238)
```
#c7eaf1
```
#c7eaf1 rgb(199,234,241)
```
#d6f0f5
```
#d6f0f5 rgb(214,240,245)
```
#e6f6f9
```
#e6f6f9 rgb(230,246,249)
```
#f6fcfd
```
#f6fcfd rgb(246,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #859396 is the less saturated color, while #1cd9ff is the most saturated one.

#859396
```
#859396 rgb(133,147,150)
```
#7c999f
```
#7c999f rgb(124,153,159)
```
#749fa7
```
#749fa7 rgb(116,159,167)
```
#6ba5b0
```
#6ba5b0 rgb(107,165,176)
```
#62aab9
```
#62aab9 rgb(98,170,185)
```
#59b0c2
```
#59b0c2 rgb(89,176,194)
```
#51b6ca
```
#51b6ca rgb(81,182,202)
```
#48bcd3
```
#48bcd3 rgb(72,188,211)
```
#3fc2dc
```
#3fc2dc rgb(63,194,220)
```
#37c8e4
```
#37c8e4 rgb(55,200,228)
```
#2eceed
```
#2eceed rgb(46,206,237)
```
#25d3f6
```
#25d3f6 rgb(37,211,246)
```
#1cd9ff
```
#1cd9ff rgb(28,217,255)
```

Tone Color Variation

Below, you can see how #48bcd3 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
#8ba2a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#acb0cc Protanopia 1% of men
#abaedb Deuteranopia 1% of men
#4dc0ce Tritanopia 0.001% of the population

Trichromacy

#87b4ce Protanomaly 1% of men, 0.01% of women
#87b3d8 Deuteranomaly 6% of men, 0.4% of women
#4bbed0 Tritanomaly 0.01% of the population

#48bcd3 hex color

#48bcd3 Color Information

#48bcd3 Color Conversion

Color Schemes with #48bcd3

Alternatives to #48bcd3

#48bcd3 Preview

Shades and Tints of #48bcd3

Tones of #48bcd3

Color Blindness Simulator