#48aedd hex color

In a RGB color space, hex #48aedd is composed of 28.2% red, 68.2% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 67.4% cyan, 21.3% magenta, 0% yellow and 13.3% black. It has a hue angle of 198.9 degrees, a saturation of 68.7% and a lightness of 57.5%. #48aedd color hex could be obtained by blending #90ffff with #005dbb. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 28
- G 68
- B 87
RGB color chart
- C 67
- M 21
- Y 0
- K 13
CMYK color chart

● #48aedd color description : Soft blue.

The hexadecimal color #48aedd has RGB values of R:72, G:174, B:221 and CMYK values of C:0.67, M:0.21, Y:0, K:0.13. Its decimal value is 4763357.

Hex triplet	48aedd	`#48aedd`
RGB Decimal	72, 174, 221	`rgb(72,174,221)`
RGB Percent	28.2, 68.2, 86.7	`rgb(28.2%,68.2%,86.7%)`
CMYK	67, 21, 0, 13
HSL	198.9°, 68.7, 57.5	`hsl(198.9,68.7%,57.5%)`
HSV (or HSB)	198.9°, 67.4, 86.7
Web Safe	3399cc	`#3399cc`

CIE-LAB	67.178, -14.883, -32.346
XYZ	30.856, 36.868, 73.893
xyY	0.218, 0.26, 36.868
CIE-LCH	67.178, 35.606, 245.291
CIE-LUV	67.178, -38.968, -49.282
Hunter-Lab	60.719, -15.547, -29.651
Binary	01001000, 10101110, 11011101

#48aedd
```
#48aedd rgb(72,174,221)
```
#dd7748
```
#dd7748 rgb(221,119,72)
```

Complementary Color

#48ddc2
```
#48ddc2 rgb(72,221,194)
```
#48aedd
```
#48aedd rgb(72,174,221)
```
#4863dd
```
#4863dd rgb(72,99,221)
```

Analogous Color

#ddc248
```
#ddc248 rgb(221,194,72)
```
#48aedd
```
#48aedd rgb(72,174,221)
```
#dd4863
```
#dd4863 rgb(221,72,99)
```

Split Complementary Color

#aedd48
```
#aedd48 rgb(174,221,72)
```
#48aedd
```
#48aedd rgb(72,174,221)
```
#dd48ae
```
#dd48ae rgb(221,72,174)
```

Triadic Color

#48dd77
```
#48dd77 rgb(72,221,119)
```
#48aedd
```
#48aedd rgb(72,174,221)
```
#dd48ae
```
#dd48ae rgb(221,72,174)
```
#dd7748
```
#dd7748 rgb(221,119,72)
```

Tetradic Color

#2288b7
```
#2288b7 rgb(34,136,183)
```
#2698cc
```
#2698cc rgb(38,152,204)
```
#32a4d9
```
#32a4d9 rgb(50,164,217)
```
#48aedd
```
#48aedd rgb(72,174,221)
```
#5eb8e1
```
#5eb8e1 rgb(94,184,225)
```
#73c1e5
```
#73c1e5 rgb(115,193,229)
```
#89cbe9
```
#89cbe9 rgb(137,203,233)
```

Monochromatic Color

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

#48d3dd
```
#48d3dd rgb(72,211,221)
```
#48c7dd
```
#48c7dd rgb(72,199,221)
```
#48badd
```
#48badd rgb(72,186,221)
```
#48aedd
```
#48aedd rgb(72,174,221)
```
#48a2dd
```
#48a2dd rgb(72,162,221)
```
#4895dd
```
#4895dd rgb(72,149,221)
```
#4889dd
```
#4889dd rgb(72,137,221)
```

Similar Colors

Text with hexadecimal color #48aedd

This text has a font color of #48aedd.

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

#48aedd background color

This paragraph has a background color of #48aedd.

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

#48aedd border color

This element has a border color of #48aedd.

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

CSS codes

.text {color:#48aedd;}

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

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

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, #030c10 is the darkest color, while #feffff is the lightest one.

#030c10
```
#030c10 rgb(3,12,16)
```
#061820
```
#061820 rgb(6,24,32)
```
#092431
```
#092431 rgb(9,36,49)
```
#0c3041
```
#0c3041 rgb(12,48,65)
```
#0f3d52
```
#0f3d52 rgb(15,61,82)
```
#124962
```
#124962 rgb(18,73,98)
```
#155573
```
#155573 rgb(21,85,115)
```
#186283
```
#186283 rgb(24,98,131)
```
#1b6e94
```
#1b6e94 rgb(27,110,148)
```
#1f7aa4
```
#1f7aa4 rgb(31,122,164)
```
#2286b5
```
#2286b5 rgb(34,134,181)
```
#2593c5
```
#2593c5 rgb(37,147,197)
```
#289fd6
```
#289fd6 rgb(40,159,214)
```

Shade Color Variation

#37a7da
```
#37a7da rgb(55,167,218)
```
#48aedd
```
#48aedd rgb(72,174,221)
```
#59b5e0
```
#59b5e0 rgb(89,181,224)
```
#69bde3
```
#69bde3 rgb(105,189,227)
```
#7ac4e6
```
#7ac4e6 rgb(122,196,230)
```
#8acbe9
```
#8acbe9 rgb(138,203,233)
```
#9bd3ec
```
#9bd3ec rgb(155,211,236)
```
#abdaef
```
#abdaef rgb(171,218,239)
```
#bce1f3
```
#bce1f3 rgb(188,225,243)
```
#cce9f6
```
#cce9f6 rgb(204,233,246)
```
#ddf0f9
```
#ddf0f9 rgb(221,240,249)
```
#edf7fc
```
#edf7fc rgb(237,247,252)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8b959a is the less saturated color, while #27bafe is the most saturated one.

#8b959a
```
#8b959a rgb(139,149,154)
```
#8298a3
```
#8298a3 rgb(130,152,163)
```
#7a9cab
```
#7a9cab rgb(122,156,171)
```
#729fb3
```
#729fb3 rgb(114,159,179)
```
#69a2bc
```
#69a2bc rgb(105,162,188)
```
#61a5c4
```
#61a5c4 rgb(97,165,196)
```
#59a8cc
```
#59a8cc rgb(89,168,204)
```
#50abd5
```
#50abd5 rgb(80,171,213)
```
#48aedd
```
#48aedd rgb(72,174,221)
```
#40b1e5
```
#40b1e5 rgb(64,177,229)
```
#37b4ee
```
#37b4ee rgb(55,180,238)
```
#2fb7f6
```
#2fb7f6 rgb(47,183,246)
```
#27bafe
```
#27bafe rgb(39,186,254)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#869aa3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9aa6d6 Protanopia 1% of men
#92a6e3 Deuteranopia 1% of men
#3cb7c4 Tritanopia 0.001% of the population

Trichromacy

#7ca9d9 Protanomaly 1% of men, 0.01% of women
#77a9e1 Deuteranomaly 6% of men, 0.4% of women
#40b3cd Tritanomaly 0.01% of the population

#48aedd hex color

#48aedd Color Information

#48aedd Color Conversion

Color Schemes with #48aedd

Alternatives to #48aedd

#48aedd Preview

Shades and Tints of #48aedd

Tones of #48aedd

Color Blindness Simulator