#48aaee hex color

In a RGB color space, hex #48aaee is composed of 28.2% red, 66.7% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 69.7% cyan, 28.6% magenta, 0% yellow and 6.7% black. It has a hue angle of 204.6 degrees, a saturation of 83% and a lightness of 60.8%. #48aaee color hex could be obtained by blending #90ffff with #0055dd. Closest websafe color is: #3399ff.

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

● #48aaee color description : Soft blue.

The hexadecimal color #48aaee has RGB values of R:72, G:170, B:238 and CMYK values of C:0.7, M:0.29, Y:0, K:0.07. Its decimal value is 4762350.

Hex triplet	48aaee	`#48aaee`
RGB Decimal	72, 170, 238	`rgb(72,170,238)`
RGB Percent	28.2, 66.7, 93.3	`rgb(28.2%,66.7%,93.3%)`
CMYK	70, 29, 0, 7
HSL	204.6°, 83, 60.8	`hsl(204.6,83%,60.8%)`
HSV (or HSB)	204.6°, 69.7, 93.3
Web Safe	3399ff	`#3399ff`

CIE-LAB	66.747, -7.115, -42.335
XYZ	32.476, 36.298, 86.179
xyY	0.21, 0.234, 36.298
CIE-LCH	66.747, 42.929, 260.46
CIE-LUV	66.747, -36.752, -67.098
Hunter-Lab	60.248, -9.214, -42.636
Binary	01001000, 10101010, 11101110

#48aaee
```
#48aaee rgb(72,170,238)
```
#ee8c48
```
#ee8c48 rgb(238,140,72)
```

Complementary Color

#48eedf
```
#48eedf rgb(72,238,223)
```
#48aaee
```
#48aaee rgb(72,170,238)
```
#4857ee
```
#4857ee rgb(72,87,238)
```

Analogous Color

#eedf48
```
#eedf48 rgb(238,223,72)
```
#48aaee
```
#48aaee rgb(72,170,238)
```
#ee4857
```
#ee4857 rgb(238,72,87)
```

Split Complementary Color

#aaee48
```
#aaee48 rgb(170,238,72)
```
#48aaee
```
#48aaee rgb(72,170,238)
```
#ee48aa
```
#ee48aa rgb(238,72,170)
```

Triadic Color

#48ee8c
```
#48ee8c rgb(72,238,140)
```
#48aaee
```
#48aaee rgb(72,170,238)
```
#ee48aa
```
#ee48aa rgb(238,72,170)
```
#ee8c48
```
#ee8c48 rgb(238,140,72)
```

Tetradic Color

#1486d6
```
#1486d6 rgb(20,134,214)
```
#1994ea
```
#1994ea rgb(25,148,234)
```
#319fec
```
#319fec rgb(49,159,236)
```
#48aaee
```
#48aaee rgb(72,170,238)
```
#5fb5f0
```
#5fb5f0 rgb(95,181,240)
```
#77c0f2
```
#77c0f2 rgb(119,192,242)
```
#8ecbf5
```
#8ecbf5 rgb(142,203,245)
```

Monochromatic Color

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

#48d4ee
```
#48d4ee rgb(72,212,238)
```
#48c6ee
```
#48c6ee rgb(72,198,238)
```
#48b8ee
```
#48b8ee rgb(72,184,238)
```
#48aaee
```
#48aaee rgb(72,170,238)
```
#489cee
```
#489cee rgb(72,156,238)
```
#488eee
```
#488eee rgb(72,142,238)
```
#4881ee
```
#4881ee rgb(72,129,238)
```

Similar Colors

Text with hexadecimal color #48aaee

This text has a font color of #48aaee.

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

#48aaee background color

This paragraph has a background color of #48aaee.

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

#48aaee border color

This element has a border color of #48aaee.

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

CSS codes

.text {color:#48aaee;}

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

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

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

#01090e
```
#01090e rgb(1,9,14)
```
#031420
```
#031420 rgb(3,20,32)
```
#052032
```
#052032 rgb(5,32,50)
```
#062b44
```
#062b44 rgb(6,43,68)
```
#083656
```
#083656 rgb(8,54,86)
```
#0a4168
```
#0a4168 rgb(10,65,104)
```
#0b4d7a
```
#0b4d7a rgb(11,77,122)
```
#0d588c
```
#0d588c rgb(13,88,140)
```
#0f639e
```
#0f639e rgb(15,99,158)
```
#106fb0
```
#106fb0 rgb(16,111,176)
```
#127ac2
```
#127ac2 rgb(18,122,194)
```
#1485d4
```
#1485d4 rgb(20,133,212)
```
#1590e6
```
#1590e6 rgb(21,144,230)
```

Shade Color Variation

#2499eb
```
#2499eb rgb(36,153,235)
```
#36a2ec
```
#36a2ec rgb(54,162,236)
```
#48aaee
```
#48aaee rgb(72,170,238)
```
#5ab2f0
```
#5ab2f0 rgb(90,178,240)
```
#6cbbf1
```
#6cbbf1 rgb(108,187,241)
```
#7ec3f3
```
#7ec3f3 rgb(126,195,243)
```
#90cbf5
```
#90cbf5 rgb(144,203,245)
```
#a2d4f6
```
#a2d4f6 rgb(162,212,246)
```
#b4dcf8
```
#b4dcf8 rgb(180,220,248)
```
#c6e4fa
```
#c6e4fa rgb(198,228,250)
```
#d8edfb
```
#d8edfb rgb(216,237,251)
```
#eaf5fd
```
#eaf5fd rgb(234,245,253)
```
#fbfdff
```
#fbfdff rgb(251,253,255)
```

Tint Color Variation

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

#959ca1
```
#959ca1 rgb(149,156,161)
```
#8d9da9
```
#8d9da9 rgb(141,157,169)
```
#869fb0
```
#869fb0 rgb(134,159,176)
```
#7ea0b8
```
#7ea0b8 rgb(126,160,184)
```
#76a2c0
```
#76a2c0 rgb(118,162,192)
```
#6ea3c8
```
#6ea3c8 rgb(110,163,200)
```
#67a4cf
```
#67a4cf rgb(103,164,207)
```
#5fa6d7
```
#5fa6d7 rgb(95,166,215)
```
#57a7df
```
#57a7df rgb(87,167,223)
```
#50a9e6
```
#50a9e6 rgb(80,169,230)
```
#48aaee
```
#48aaee rgb(72,170,238)
```
#40abf6
```
#40abf6 rgb(64,171,246)
```
#39adfd
```
#39adfd rgb(57,173,253)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#8598a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#90a4e7 Protanopia 1% of men
#81a6f2 Deuteranopia 1% of men
#22b7c4 Tritanopia 0.001% of the population

Trichromacy

#75a6ea Protanomaly 1% of men, 0.01% of women
#6ca7f0 Deuteranomaly 6% of men, 0.4% of women
#30b2d3 Tritanomaly 0.01% of the population

#48aaee hex color

#48aaee Color Information

#48aaee Color Conversion

Color Schemes with #48aaee

Alternatives to #48aaee

#48aaee Preview

Shades and Tints of #48aaee

Tones of #48aaee

Color Blindness Simulator