#48bded hex color

In a RGB color space, hex #48bded is composed of 28.2% red, 74.1% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 69.6% cyan, 20.3% magenta, 0% yellow and 7.1% black. It has a hue angle of 197.5 degrees, a saturation of 82.1% and a lightness of 60.6%. #48bded color hex could be obtained by blending #90ffff with #007bdb. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 28
- G 74
- B 93
RGB color chart
- C 70
- M 20
- Y 0
- K 7
CMYK color chart

● #48bded color description : Soft blue.

The hexadecimal color #48bded has RGB values of R:72, G:189, B:237 and CMYK values of C:0.7, M:0.2, Y:0, K:0.07. Its decimal value is 4767213.

Hex triplet	48bded	`#48bded`
RGB Decimal	72, 189, 237	`rgb(72,189,237)`
RGB Percent	28.2, 74.1, 92.9	`rgb(28.2%,74.1%,92.9%)`
CMYK	70, 20, 0, 7
HSL	197.5°, 82.1, 60.6	`hsl(197.5,82.1%,60.6%)`
HSV (or HSB)	197.5°, 69.6, 92.9
Web Safe	33ccff	`#33ccff`

CIE-LAB	72.151, -17.689, -33.376
XYZ	36.152, 43.884, 86.681
xyY	0.217, 0.263, 43.884
CIE-LCH	72.151, 37.774, 242.077
CIE-LUV	72.151, -43.457, -51.15
Hunter-Lab	66.245, -18.516, -31.209
Binary	01001000, 10111101, 11101101

#48bded
```
#48bded rgb(72,189,237)
```
#ed7848
```
#ed7848 rgb(237,120,72)
```

Complementary Color

#48edcb
```
#48edcb rgb(72,237,203)
```
#48bded
```
#48bded rgb(72,189,237)
```
#486bed
```
#486bed rgb(72,107,237)
```

Analogous Color

#edcb48
```
#edcb48 rgb(237,203,72)
```
#48bded
```
#48bded rgb(72,189,237)
```
#ed486b
```
#ed486b rgb(237,72,107)
```

Split Complementary Color

#bded48
```
#bded48 rgb(189,237,72)
```
#48bded
```
#48bded rgb(72,189,237)
```
#ed48bd
```
#ed48bd rgb(237,72,189)
```

Triadic Color

#48ed78
```
#48ed78 rgb(72,237,120)
```
#48bded
```
#48bded rgb(72,189,237)
```
#ed48bd
```
#ed48bd rgb(237,72,189)
```
#ed7848
```
#ed7848 rgb(237,120,72)
```

Tetradic Color

#159cd4
```
#159cd4 rgb(21,156,212)
```
#1aace8
```
#1aace8 rgb(26,172,232)
```
#31b5eb
```
#31b5eb rgb(49,181,235)
```
#48bded
```
#48bded rgb(72,189,237)
```
#5fc5ef
```
#5fc5ef rgb(95,197,239)
```
#76cef2
```
#76cef2 rgb(118,206,242)
```
#8ed6f4
```
#8ed6f4 rgb(142,214,244)
```

Monochromatic Color

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

#48e6ed
```
#48e6ed rgb(72,230,237)
```
#48d9ed
```
#48d9ed rgb(72,217,237)
```
#48cbed
```
#48cbed rgb(72,203,237)
```
#48bded
```
#48bded rgb(72,189,237)
```
#48afed
```
#48afed rgb(72,175,237)
```
#48a2ed
```
#48a2ed rgb(72,162,237)
```
#4894ed
```
#4894ed rgb(72,148,237)
```

Similar Colors

Text with hexadecimal color #48bded

This text has a font color of #48bded.

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

#48bded background color

This paragraph has a background color of #48bded.

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

#48bded border color

This element has a border color of #48bded.

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

CSS codes

.text {color:#48bded;}

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

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

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, #010a0d is the darkest color, while #fbfdff is the lightest one.

#010a0d
```
#010a0d rgb(1,10,13)
```
#03171f
```
#03171f rgb(3,23,31)
```
#052431
```
#052431 rgb(5,36,49)
```
#073143
```
#073143 rgb(7,49,67)
```
#083f55
```
#083f55 rgb(8,63,85)
```
#0a4c67
```
#0a4c67 rgb(10,76,103)
```
#0c5979
```
#0c5979 rgb(12,89,121)
```
#0e668a
```
#0e668a rgb(14,102,138)
```
#0f739c
```
#0f739c rgb(15,115,156)
```
#1180ae
```
#1180ae rgb(17,128,174)
```
#138ec0
```
#138ec0 rgb(19,142,192)
```
#159bd2
```
#159bd2 rgb(21,155,210)
```
#16a8e4
```
#16a8e4 rgb(22,168,228)
```

Shade Color Variation

#24b0e9
```
#24b0e9 rgb(36,176,233)
```
#36b7eb
```
#36b7eb rgb(54,183,235)
```
#48bded
```
#48bded rgb(72,189,237)
```
#5ac3ef
```
#5ac3ef rgb(90,195,239)
```
#6ccaf1
```
#6ccaf1 rgb(108,202,241)
```
#7ed0f2
```
#7ed0f2 rgb(126,208,242)
```
#8fd7f4
```
#8fd7f4 rgb(143,215,244)
```
#a1ddf6
```
#a1ddf6 rgb(161,221,246)
```
#b3e4f8
```
#b3e4f8 rgb(179,228,248)
```
#c5eaf9
```
#c5eaf9 rgb(197,234,249)
```
#d7f1fb
```
#d7f1fb rgb(215,241,251)
```
#e9f7fd
```
#e9f7fd rgb(233,247,253)
```
#fbfdff
```
#fbfdff rgb(251,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #959da0 is the less saturated color, while #39c3fc is the most saturated one.

#959da0
```
#959da0 rgb(149,157,160)
```
#8ea0a7
```
#8ea0a7 rgb(142,160,167)
```
#86a3af
```
#86a3af rgb(134,163,175)
```
#7ea6b7
```
#7ea6b7 rgb(126,166,183)
```
#76aabf
```
#76aabf rgb(118,170,191)
```
#6fadc6
```
#6fadc6 rgb(111,173,198)
```
#67b0ce
```
#67b0ce rgb(103,176,206)
```
#5fb3d6
```
#5fb3d6 rgb(95,179,214)
```
#57b7de
```
#57b7de rgb(87,183,222)
```
#50bae5
```
#50bae5 rgb(80,186,229)
```
#48bded
```
#48bded rgb(72,189,237)
```
#40c0f5
```
#40c0f5 rgb(64,192,245)
```
#39c3fc
```
#39c3fc rgb(57,195,252)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#8ea5af Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6b3e4 Protanopia 1% of men
#9fb2f3 Deuteranopia 1% of men
#39c5d3 Tritanopia 0.001% of the population

Trichromacy

#84b6e7 Protanomaly 1% of men, 0.01% of women
#7fb6f0 Deuteranomaly 6% of men, 0.4% of women
#3fc2dc Tritanomaly 0.01% of the population

#48bded hex color

#48bded Color Information

#48bded Color Conversion

Color Schemes with #48bded

Alternatives to #48bded

#48bded Preview

Shades and Tints of #48bded

Tones of #48bded

Color Blindness Simulator