#48beee hex color

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

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

● #48beee color description : Soft blue.

The hexadecimal color #48beee has RGB values of R:72, G:190, B:238 and CMYK values of C:0.7, M:0.2, Y:0, K:0.07. Its decimal value is 4767470.

Hex triplet	48beee	`#48beee`
RGB Decimal	72, 190, 238	`rgb(72,190,238)`
RGB Percent	28.2, 74.5, 93.3	`rgb(28.2%,74.5%,93.3%)`
CMYK	70, 20, 0, 7
HSL	197.3°, 83, 60.8	`hsl(197.3,83%,60.8%)`
HSV (or HSB)	197.3°, 69.7, 93.3
Web Safe	33ccff	`#33ccff`

CIE-LAB	72.478, -17.893, -33.412
XYZ	36.515, 44.375, 87.525
xyY	0.217, 0.263, 44.375
CIE-LCH	72.478, 37.901, 241.83
CIE-LUV	72.478, -43.755, -51.214
Hunter-Lab	66.614, -18.73, -31.272
Binary	01001000, 10111110, 11101110

#48beee
```
#48beee rgb(72,190,238)
```
#ee7848
```
#ee7848 rgb(238,120,72)
```

Complementary Color

#48eecb
```
#48eecb rgb(72,238,203)
```
#48beee
```
#48beee rgb(72,190,238)
```
#486bee
```
#486bee rgb(72,107,238)
```

Analogous Color

#eecb48
```
#eecb48 rgb(238,203,72)
```
#48beee
```
#48beee rgb(72,190,238)
```
#ee486b
```
#ee486b rgb(238,72,107)
```

Split Complementary Color

#beee48
```
#beee48 rgb(190,238,72)
```
#48beee
```
#48beee rgb(72,190,238)
```
#ee48be
```
#ee48be rgb(238,72,190)
```

Triadic Color

#48ee78
```
#48ee78 rgb(72,238,120)
```
#48beee
```
#48beee rgb(72,190,238)
```
#ee48be
```
#ee48be rgb(238,72,190)
```
#ee7848
```
#ee7848 rgb(238,120,72)
```

Tetradic Color

#149ed6
```
#149ed6 rgb(20,158,214)
```
#19adea
```
#19adea rgb(25,173,234)
```
#31b6ec
```
#31b6ec rgb(49,182,236)
```
#48beee
```
#48beee rgb(72,190,238)
```
#5fc6f0
```
#5fc6f0 rgb(95,198,240)
```
#77cff2
```
#77cff2 rgb(119,207,242)
```
#8ed7f5
```
#8ed7f5 rgb(142,215,245)
```

Monochromatic Color

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

#48e8ee
```
#48e8ee rgb(72,232,238)
```
#48daee
```
#48daee rgb(72,218,238)
```
#48ccee
```
#48ccee rgb(72,204,238)
```
#48beee
```
#48beee rgb(72,190,238)
```
#48b0ee
```
#48b0ee rgb(72,176,238)
```
#48a2ee
```
#48a2ee rgb(72,162,238)
```
#4895ee
```
#4895ee rgb(72,149,238)
```

Similar Colors

Text with hexadecimal color #48beee

This text has a font color of #48beee.

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

#48beee background color

This paragraph has a background color of #48beee.

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

#48beee border color

This element has a border color of #48beee.

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

CSS codes

.text {color:#48beee;}

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

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

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

#010b0e
```
#010b0e rgb(1,11,14)
```
#031820
```
#031820 rgb(3,24,32)
```
#052532
```
#052532 rgb(5,37,50)
```
#063244
```
#063244 rgb(6,50,68)
```
#084056
```
#084056 rgb(8,64,86)
```
#0a4d68
```
#0a4d68 rgb(10,77,104)
```
#0b5a7a
```
#0b5a7a rgb(11,90,122)
```
#0d678c
```
#0d678c rgb(13,103,140)
```
#0f759e
```
#0f759e rgb(15,117,158)
```
#1082b0
```
#1082b0 rgb(16,130,176)
```
#128fc2
```
#128fc2 rgb(18,143,194)
```
#149cd4
```
#149cd4 rgb(20,156,212)
```
#15aae6
```
#15aae6 rgb(21,170,230)
```

Shade Color Variation

#24b1eb
```
#24b1eb rgb(36,177,235)
```
#36b8ec
```
#36b8ec rgb(54,184,236)
```
#48beee
```
#48beee rgb(72,190,238)
```
#5ac4f0
```
#5ac4f0 rgb(90,196,240)
```
#6ccbf1
```
#6ccbf1 rgb(108,203,241)
```
#7ed1f3
```
#7ed1f3 rgb(126,209,243)
```
#90d8f5
```
#90d8f5 rgb(144,216,245)
```
#a2def6
```
#a2def6 rgb(162,222,246)
```
#b4e4f8
```
#b4e4f8 rgb(180,228,248)
```
#c6ebfa
```
#c6ebfa rgb(198,235,250)
```
#d8f1fb
```
#d8f1fb rgb(216,241,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, #959ea1 is the less saturated color, while #39c4fd is the most saturated one.

#959ea1
```
#959ea1 rgb(149,158,161)
```
#8da1a9
```
#8da1a9 rgb(141,161,169)
```
#86a4b0
```
#86a4b0 rgb(134,164,176)
```
#7ea7b8
```
#7ea7b8 rgb(126,167,184)
```
#76abc0
```
#76abc0 rgb(118,171,192)
```
#6eaec8
```
#6eaec8 rgb(110,174,200)
```
#67b1cf
```
#67b1cf rgb(103,177,207)
```
#5fb4d7
```
#5fb4d7 rgb(95,180,215)
```
#57b8df
```
#57b8df rgb(87,184,223)
```
#50bbe6
```
#50bbe6 rgb(80,187,230)
```
#48beee
```
#48beee rgb(72,190,238)
```
#40c1f6
```
#40c1f6 rgb(64,193,246)
```
#39c4fd
```
#39c4fd rgb(57,196,253)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#8ea6b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7b3e5 Protanopia 1% of men
#9fb3f4 Deuteranopia 1% of men
#39c6d4 Tritanopia 0.001% of the population

Trichromacy

#84b7e8 Protanomaly 1% of men, 0.01% of women
#7fb7f1 Deuteranomaly 6% of men, 0.4% of women
#3ec3dd Tritanomaly 0.01% of the population

#48beee hex color

#48beee Color Information

#48beee Color Conversion

Color Schemes with #48beee

Alternatives to #48beee

#48beee Preview

Shades and Tints of #48beee

Tones of #48beee

Color Blindness Simulator