#48aeee hex color

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

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

● #48aeee color description : Soft blue.

The hexadecimal color #48aeee has RGB values of R:72, G:174, B:238 and CMYK values of C:0.7, M:0.27, Y:0, K:0.07. Its decimal value is 4763374.

Hex triplet	48aeee	`#48aeee`
RGB Decimal	72, 174, 238	`rgb(72,174,238)`
RGB Percent	28.2, 68.2, 93.3	`rgb(28.2%,68.2%,93.3%)`
CMYK	70, 27, 0, 7
HSL	203.1°, 83, 60.8	`hsl(203.1,83%,60.8%)`
HSV (or HSB)	203.1°, 69.7, 93.3
Web Safe	3399ff	`#3399ff`

CIE-LAB	67.888, -9.324, -40.549
XYZ	33.237, 37.82, 86.433
xyY	0.211, 0.24, 37.82
CIE-LCH	67.888, 41.607, 257.051
CIE-LUV	67.888, -38.142, -63.957
Hunter-Lab	61.498, -11.149, -40.28
Binary	01001000, 10101110, 11101110

#48aeee
```
#48aeee rgb(72,174,238)
```
#ee8848
```
#ee8848 rgb(238,136,72)
```

Complementary Color

#48eedb
```
#48eedb rgb(72,238,219)
```
#48aeee
```
#48aeee rgb(72,174,238)
```
#485bee
```
#485bee rgb(72,91,238)
```

Analogous Color

#eedb48
```
#eedb48 rgb(238,219,72)
```
#48aeee
```
#48aeee rgb(72,174,238)
```
#ee485b
```
#ee485b rgb(238,72,91)
```

Split Complementary Color

#aeee48
```
#aeee48 rgb(174,238,72)
```
#48aeee
```
#48aeee rgb(72,174,238)
```
#ee48ae
```
#ee48ae rgb(238,72,174)
```

Triadic Color

#48ee88
```
#48ee88 rgb(72,238,136)
```
#48aeee
```
#48aeee rgb(72,174,238)
```
#ee48ae
```
#ee48ae rgb(238,72,174)
```
#ee8848
```
#ee8848 rgb(238,136,72)
```

Tetradic Color

#148bd6
```
#148bd6 rgb(20,139,214)
```
#1999ea
```
#1999ea rgb(25,153,234)
```
#31a4ec
```
#31a4ec rgb(49,164,236)
```
#48aeee
```
#48aeee rgb(72,174,238)
```
#5fb8f0
```
#5fb8f0 rgb(95,184,240)
```
#77c3f2
```
#77c3f2 rgb(119,195,242)
```
#8ecdf5
```
#8ecdf5 rgb(142,205,245)
```

Monochromatic Color

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

#48d8ee
```
#48d8ee rgb(72,216,238)
```
#48caee
```
#48caee rgb(72,202,238)
```
#48bcee
```
#48bcee rgb(72,188,238)
```
#48aeee
```
#48aeee rgb(72,174,238)
```
#48a0ee
```
#48a0ee rgb(72,160,238)
```
#4892ee
```
#4892ee rgb(72,146,238)
```
#4885ee
```
#4885ee rgb(72,133,238)
```

Similar Colors

Text with hexadecimal color #48aeee

This text has a font color of #48aeee.

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

#48aeee background color

This paragraph has a background color of #48aeee.

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

#48aeee border color

This element has a border color of #48aeee.

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

CSS codes

.text {color:#48aeee;}

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

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

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)
```
#031520
```
#031520 rgb(3,21,32)
```
#052132
```
#052132 rgb(5,33,50)
```
#062c44
```
#062c44 rgb(6,44,68)
```
#083856
```
#083856 rgb(8,56,86)
```
#0a4468
```
#0a4468 rgb(10,68,104)
```
#0b4f7a
```
#0b4f7a rgb(11,79,122)
```
#0d5b8c
```
#0d5b8c rgb(13,91,140)
```
#0f679e
```
#0f679e rgb(15,103,158)
```
#1072b0
```
#1072b0 rgb(16,114,176)
```
#127ec2
```
#127ec2 rgb(18,126,194)
```
#148ad4
```
#148ad4 rgb(20,138,212)
```
#1595e6
```
#1595e6 rgb(21,149,230)
```

Shade Color Variation

#249eeb
```
#249eeb rgb(36,158,235)
```
#36a6ec
```
#36a6ec rgb(54,166,236)
```
#48aeee
```
#48aeee rgb(72,174,238)
```
#5ab6f0
```
#5ab6f0 rgb(90,182,240)
```
#6cbef1
```
#6cbef1 rgb(108,190,241)
```
#7ec6f3
```
#7ec6f3 rgb(126,198,243)
```
#90cef5
```
#90cef5 rgb(144,206,245)
```
#a2d6f6
```
#a2d6f6 rgb(162,214,246)
```
#b4def8
```
#b4def8 rgb(180,222,248)
```
#c6e6fa
```
#c6e6fa rgb(198,230,250)
```
#d8eefb
```
#d8eefb rgb(216,238,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 #39b2fd is the most saturated one.

#959ca1
```
#959ca1 rgb(149,156,161)
```
#8d9ea9
```
#8d9ea9 rgb(141,158,169)
```
#86a0b0
```
#86a0b0 rgb(134,160,176)
```
#7ea2b8
```
#7ea2b8 rgb(126,162,184)
```
#76a3c0
```
#76a3c0 rgb(118,163,192)
```
#6ea5c8
```
#6ea5c8 rgb(110,165,200)
```
#67a7cf
```
#67a7cf rgb(103,167,207)
```
#5fa9d7
```
#5fa9d7 rgb(95,169,215)
```
#57aadf
```
#57aadf rgb(87,170,223)
```
#50ace6
```
#50ace6 rgb(80,172,230)
```
#48aeee
```
#48aeee rgb(72,174,238)
```
#40b0f6
```
#40b0f6 rgb(64,176,246)
```
#39b2fd
```
#39b2fd rgb(57,178,253)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#879ca8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#95a7e7 Protanopia 1% of men
#87a9f2 Deuteranopia 1% of men
#28bac7 Tritanopia 0.001% of the population

Trichromacy

#79aae9 Protanomaly 1% of men, 0.01% of women
#70aaf0 Deuteranomaly 6% of men, 0.4% of women
#34b5d5 Tritanomaly 0.01% of the population

#48aeee hex color

#48aeee Color Information

#48aeee Color Conversion

Color Schemes with #48aeee

Alternatives to #48aeee

#48aeee Preview

Shades and Tints of #48aeee

Tones of #48aeee

Color Blindness Simulator