#48bbee hex color

In a RGB color space, hex #48bbee is composed of 28.2% red, 73.3% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 69.7% cyan, 21.4% magenta, 0% yellow and 6.7% black. It has a hue angle of 198.4 degrees, a saturation of 83% and a lightness of 60.8%. #48bbee color hex could be obtained by blending #90ffff with #0077dd. Closest websafe color is: #33ccff.

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

● #48bbee color description : Soft blue.

The hexadecimal color #48bbee has RGB values of R:72, G:187, B:238 and CMYK values of C:0.7, M:0.21, Y:0, K:0.07. Its decimal value is 4766702.

Hex triplet	48bbee	`#48bbee`
RGB Decimal	72, 187, 238	`rgb(72,187,238)`
RGB Percent	28.2, 73.3, 93.3	`rgb(28.2%,73.3%,93.3%)`
CMYK	70, 21, 0, 7
HSL	198.4°, 83, 60.8	`hsl(198.4,83%,60.8%)`
HSV (or HSB)	198.4°, 69.7, 93.3
Web Safe	33ccff	`#33ccff`

CIE-LAB	71.615, -16.318, -34.748
XYZ	35.871, 43.088, 87.311
xyY	0.216, 0.259, 43.088
CIE-LCH	71.615, 38.389, 244.845
CIE-LUV	71.615, -42.698, -53.618
Hunter-Lab	65.642, -17.328, -32.913
Binary	01001000, 10111011, 11101110

#48bbee
```
#48bbee rgb(72,187,238)
```
#ee7b48
```
#ee7b48 rgb(238,123,72)
```

Complementary Color

#48eece
```
#48eece rgb(72,238,206)
```
#48bbee
```
#48bbee rgb(72,187,238)
```
#4868ee
```
#4868ee rgb(72,104,238)
```

Analogous Color

#eece48
```
#eece48 rgb(238,206,72)
```
#48bbee
```
#48bbee rgb(72,187,238)
```
#ee4868
```
#ee4868 rgb(238,72,104)
```

Split Complementary Color

#bbee48
```
#bbee48 rgb(187,238,72)
```
#48bbee
```
#48bbee rgb(72,187,238)
```
#ee48bb
```
#ee48bb rgb(238,72,187)
```

Triadic Color

#48ee7b
```
#48ee7b rgb(72,238,123)
```
#48bbee
```
#48bbee rgb(72,187,238)
```
#ee48bb
```
#ee48bb rgb(238,72,187)
```
#ee7b48
```
#ee7b48 rgb(238,123,72)
```

Tetradic Color

#149ad6
```
#149ad6 rgb(20,154,214)
```
#19aaea
```
#19aaea rgb(25,170,234)
```
#31b2ec
```
#31b2ec rgb(49,178,236)
```
#48bbee
```
#48bbee rgb(72,187,238)
```
#5fc4f0
```
#5fc4f0 rgb(95,196,240)
```
#77ccf2
```
#77ccf2 rgb(119,204,242)
```
#8ed5f5
```
#8ed5f5 rgb(142,213,245)
```

Monochromatic Color

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

#48e5ee
```
#48e5ee rgb(72,229,238)
```
#48d7ee
```
#48d7ee rgb(72,215,238)
```
#48c9ee
```
#48c9ee rgb(72,201,238)
```
#48bbee
```
#48bbee rgb(72,187,238)
```
#48adee
```
#48adee rgb(72,173,238)
```
#489fee
```
#489fee rgb(72,159,238)
```
#4892ee
```
#4892ee rgb(72,146,238)
```

Similar Colors

Text with hexadecimal color #48bbee

This text has a font color of #48bbee.

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

#48bbee background color

This paragraph has a background color of #48bbee.

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

#48bbee border color

This element has a border color of #48bbee.

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

CSS codes

.text {color:#48bbee;}

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

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

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

#010a0e
```
#010a0e rgb(1,10,14)
```
#031720
```
#031720 rgb(3,23,32)
```
#052432
```
#052432 rgb(5,36,50)
```
#063144
```
#063144 rgb(6,49,68)
```
#083e56
```
#083e56 rgb(8,62,86)
```
#0a4b68
```
#0a4b68 rgb(10,75,104)
```
#0b587a
```
#0b587a rgb(11,88,122)
```
#0d658c
```
#0d658c rgb(13,101,140)
```
#0f729e
```
#0f729e rgb(15,114,158)
```
#107fb0
```
#107fb0 rgb(16,127,176)
```
#128cc2
```
#128cc2 rgb(18,140,194)
```
#1499d4
```
#1499d4 rgb(20,153,212)
```
#15a6e6
```
#15a6e6 rgb(21,166,230)
```

Shade Color Variation

#24aeeb
```
#24aeeb rgb(36,174,235)
```
#36b4ec
```
#36b4ec rgb(54,180,236)
```
#48bbee
```
#48bbee rgb(72,187,238)
```
#5ac2f0
```
#5ac2f0 rgb(90,194,240)
```
#6cc8f1
```
#6cc8f1 rgb(108,200,241)
```
#7ecff3
```
#7ecff3 rgb(126,207,243)
```
#90d6f5
```
#90d6f5 rgb(144,214,245)
```
#a2dcf6
```
#a2dcf6 rgb(162,220,246)
```
#b4e3f8
```
#b4e3f8 rgb(180,227,248)
```
#c6eafa
```
#c6eafa rgb(198,234,250)
```
#d8f0fb
```
#d8f0fb rgb(216,240,251)
```
#eaf7fd
```
#eaf7fd rgb(234,247,253)
```
#fbfeff
```
#fbfeff rgb(251,254,255)
```

Tint Color Variation

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

#959da1
```
#959da1 rgb(149,157,161)
```
#8da0a9
```
#8da0a9 rgb(141,160,169)
```
#86a3b0
```
#86a3b0 rgb(134,163,176)
```
#7ea6b8
```
#7ea6b8 rgb(126,166,184)
```
#76a9c0
```
#76a9c0 rgb(118,169,192)
```
#6eacc8
```
#6eacc8 rgb(110,172,200)
```
#67afcf
```
#67afcf rgb(103,175,207)
```
#5fb2d7
```
#5fb2d7 rgb(95,178,215)
```
#57b5df
```
#57b5df rgb(87,181,223)
```
#50b8e6
```
#50b8e6 rgb(80,184,230)
```
#48bbee
```
#48bbee rgb(72,187,238)
```
#40bef6
```
#40bef6 rgb(64,190,246)
```
#39c1fd
```
#39c1fd rgb(57,193,253)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#8da4ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4b1e6 Protanopia 1% of men
#9bb1f3 Deuteranopia 1% of men
#37c3d2 Tritanopia 0.001% of the population

Trichromacy

#82b5e9 Protanomaly 1% of men, 0.01% of women
#7db5f1 Deuteranomaly 6% of men, 0.4% of women
#3dc0dc Tritanomaly 0.01% of the population

#48bbee hex color

#48bbee Color Information

#48bbee Color Conversion

Color Schemes with #48bbee

Alternatives to #48bbee

#48bbee Preview

Shades and Tints of #48bbee

Tones of #48bbee

Color Blindness Simulator