#48aade hex color

In a RGB color space, hex #48aade is composed of 28.2% red, 66.7% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 67.6% cyan, 23.4% magenta, 0% yellow and 12.9% black. It has a hue angle of 200.8 degrees, a saturation of 69.4% and a lightness of 57.6%. #48aade color hex could be obtained by blending #90ffff with #0055bd. Closest websafe color is: #3399cc.

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

● #48aade color description : Soft blue.

The hexadecimal color #48aade has RGB values of R:72, G:170, B:222 and CMYK values of C:0.68, M:0.23, Y:0, K:0.13. Its decimal value is 4762334.

Hex triplet	48aade	`#48aade`
RGB Decimal	72, 170, 222	`rgb(72,170,222)`
RGB Percent	28.2, 66.7, 87.1	`rgb(28.2%,66.7%,87.1%)`
CMYK	68, 23, 0, 13
HSL	200.8°, 69.4, 57.6	`hsl(200.8,69.4%,57.6%)`
HSV (or HSB)	200.8°, 67.6, 87.1
Web Safe	3399cc	`#3399cc`

CIE-LAB	66.058, -12.403, -34.633
XYZ	30.229, 35.399, 74.343
xyY	0.216, 0.253, 35.399
CIE-LCH	66.058, 36.787, 250.297
CIE-LUV	66.058, -37.492, -53.326
Hunter-Lab	59.497, -13.428, -32.437
Binary	01001000, 10101010, 11011110

#48aade
```
#48aade rgb(72,170,222)
```
#de7c48
```
#de7c48 rgb(222,124,72)
```

Complementary Color

#48dec7
```
#48dec7 rgb(72,222,199)
```
#48aade
```
#48aade rgb(72,170,222)
```
#485fde
```
#485fde rgb(72,95,222)
```

Analogous Color

#dec748
```
#dec748 rgb(222,199,72)
```
#48aade
```
#48aade rgb(72,170,222)
```
#de485f
```
#de485f rgb(222,72,95)
```

Split Complementary Color

#aade48
```
#aade48 rgb(170,222,72)
```
#48aade
```
#48aade rgb(72,170,222)
```
#de48aa
```
#de48aa rgb(222,72,170)
```

Triadic Color

#48de7c
```
#48de7c rgb(72,222,124)
```
#48aade
```
#48aade rgb(72,170,222)
```
#de48aa
```
#de48aa rgb(222,72,170)
```
#de7c48
```
#de7c48 rgb(222,124,72)
```

Tetradic Color

#2184b8
```
#2184b8 rgb(33,132,184)
```
#2593ce
```
#2593ce rgb(37,147,206)
```
#32a0da
```
#32a0da rgb(50,160,218)
```
#48aade
```
#48aade rgb(72,170,222)
```
#5eb4e2
```
#5eb4e2 rgb(94,180,226)
```
#73bee6
```
#73bee6 rgb(115,190,230)
```
#89c8ea
```
#89c8ea rgb(137,200,234)
```

Monochromatic Color

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

#48d0de
```
#48d0de rgb(72,208,222)
```
#48c3de
```
#48c3de rgb(72,195,222)
```
#48b7de
```
#48b7de rgb(72,183,222)
```
#48aade
```
#48aade rgb(72,170,222)
```
#489ede
```
#489ede rgb(72,158,222)
```
#4891de
```
#4891de rgb(72,145,222)
```
#4885de
```
#4885de rgb(72,133,222)
```

Similar Colors

Text with hexadecimal color #48aade

This text has a font color of #48aade.

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

#48aade background color

This paragraph has a background color of #48aade.

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

#48aade border color

This element has a border color of #48aade.

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

CSS codes

.text {color:#48aade;}

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

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

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 #ffffff is the lightest one.

#030c10
```
#030c10 rgb(3,12,16)
```
#061821
```
#061821 rgb(6,24,33)
```
#092432
```
#092432 rgb(9,36,50)
```
#0c2f42
```
#0c2f42 rgb(12,47,66)
```
#0f3b53
```
#0f3b53 rgb(15,59,83)
```
#124764
```
#124764 rgb(18,71,100)
```
#155374
```
#155374 rgb(21,83,116)
```
#185f85
```
#185f85 rgb(24,95,133)
```
#1b6b95
```
#1b6b95 rgb(27,107,149)
```
#1e77a6
```
#1e77a6 rgb(30,119,166)
```
#2183b7
```
#2183b7 rgb(33,131,183)
```
#248fc7
```
#248fc7 rgb(36,143,199)
```
#279bd8
```
#279bd8 rgb(39,155,216)
```

Shade Color Variation

#37a2db
```
#37a2db rgb(55,162,219)
```
#48aade
```
#48aade rgb(72,170,222)
```
#59b2e1
```
#59b2e1 rgb(89,178,225)
```
#69b9e4
```
#69b9e4 rgb(105,185,228)
```
#7ac1e7
```
#7ac1e7 rgb(122,193,231)
```
#8ac9ea
```
#8ac9ea rgb(138,201,234)
```
#9bd1ed
```
#9bd1ed rgb(155,209,237)
```
#acd8f0
```
#acd8f0 rgb(172,216,240)
```
#bce0f3
```
#bce0f3 rgb(188,224,243)
```
#cde8f6
```
#cde8f6 rgb(205,232,246)
```
#deeff9
```
#deeff9 rgb(222,239,249)
```
#eef7fc
```
#eef7fc rgb(238,247,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #939393 is the less saturated color, while #2fb2f7 is the most saturated one.

#939393
```
#939393 rgb(147,147,147)
```
#8a969c
```
#8a969c rgb(138,150,156)
```
#8298a4
```
#8298a4 rgb(130,152,164)
```
#7a9bac
```
#7a9bac rgb(122,155,172)
```
#729db4
```
#729db4 rgb(114,157,180)
```
#69a0bd
```
#69a0bd rgb(105,160,189)
```
#61a2c5
```
#61a2c5 rgb(97,162,197)
```
#59a5cd
```
#59a5cd rgb(89,165,205)
```
#50a7d6
```
#50a7d6 rgb(80,167,214)
```
#48aade
```
#48aade rgb(72,170,222)
```
#40ade6
```
#40ade6 rgb(64,173,230)
```
#37afef
```
#37afef rgb(55,175,239)
```
#2fb2f7
```
#2fb2f7 rgb(47,178,247)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#8498a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#95a3d8 Protanopia 1% of men
#8ca4e3 Deuteranopia 1% of men
#38b4c1 Tritanopia 0.001% of the population

Trichromacy

#79a5da Protanomaly 1% of men, 0.01% of women
#73a6e1 Deuteranomaly 6% of men, 0.4% of women
#3eb0cb Tritanomaly 0.01% of the population

#48aade hex color

#48aade Color Information

#48aade Color Conversion

Color Schemes with #48aade

Alternatives to #48aade

#48aade Preview

Shades and Tints of #48aade

Tones of #48aade

Color Blindness Simulator