#5aabeb hex color

In a RGB color space, hex #5aabeb is composed of 35.3% red, 67.1% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 61.7% cyan, 27.2% magenta, 0% yellow and 7.8% black. It has a hue angle of 206.5 degrees, a saturation of 78.4% and a lightness of 63.7%. #5aabeb color hex could be obtained by blending #b4ffff with #0057d7. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 35
- G 67
- B 92
RGB color chart
- C 62
- M 27
- Y 0
- K 8
CMYK color chart

● #5aabeb color description : Soft blue.

The hexadecimal color #5aabeb has RGB values of R:90, G:171, B:235 and CMYK values of C:0.62, M:0.27, Y:0, K:0.08. Its decimal value is 5942251.

Hex triplet	5aabeb	`#5aabeb`
RGB Decimal	90, 171, 235	`rgb(90,171,235)`
RGB Percent	35.3, 67.1, 92.2	`rgb(35.3%,67.1%,92.2%)`
CMYK	62, 27, 0, 8
HSL	206.5°, 78.4, 63.7	`hsl(206.5,78.4%,63.7%)`
HSV (or HSB)	206.5°, 61.7, 92.2
Web Safe	6699ff	`#6699ff`

CIE-LAB	67.498, -5.767, -39.476
XYZ	33.771, 37.295, 84.012
xyY	0.218, 0.24, 37.295
CIE-LCH	67.498, 39.895, 261.688
CIE-LUV	67.498, -33.362, -62.493
Hunter-Lab	61.07, -8.163, -38.814
Binary	01011010, 10101011, 11101011

#5aabeb
```
#5aabeb rgb(90,171,235)
```
#eb9a5a
```
#eb9a5a rgb(235,154,90)
```

Complementary Color

#5aebe3
```
#5aebe3 rgb(90,235,227)
```
#5aabeb
```
#5aabeb rgb(90,171,235)
```
#5a63eb
```
#5a63eb rgb(90,99,235)
```

Analogous Color

#ebe35a
```
#ebe35a rgb(235,227,90)
```
#5aabeb
```
#5aabeb rgb(90,171,235)
```
#eb5a63
```
#eb5a63 rgb(235,90,99)
```

Split Complementary Color

#abeb5a
```
#abeb5a rgb(171,235,90)
```
#5aabeb
```
#5aabeb rgb(90,171,235)
```
#eb5aab
```
#eb5aab rgb(235,90,171)
```

Triadic Color

#5aeb9a
```
#5aeb9a rgb(90,235,154)
```
#5aabeb
```
#5aabeb rgb(90,171,235)
```
#eb5aab
```
#eb5aab rgb(235,90,171)
```
#eb9a5a
```
#eb9a5a rgb(235,154,90)
```

Tetradic Color

#1b88de
```
#1b88de rgb(27,136,222)
```
#2d94e5
```
#2d94e5 rgb(45,148,229)
```
#439fe8
```
#439fe8 rgb(67,159,232)
```
#5aabeb
```
#5aabeb rgb(90,171,235)
```
#71b7ee
```
#71b7ee rgb(113,183,238)
```
#87c2f1
```
#87c2f1 rgb(135,194,241)
```
#9ecef3
```
#9ecef3 rgb(158,206,243)
```

Monochromatic Color

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

#5acfeb
```
#5acfeb rgb(90,207,235)
```
#5ac3eb
```
#5ac3eb rgb(90,195,235)
```
#5ab7eb
```
#5ab7eb rgb(90,183,235)
```
#5aabeb
```
#5aabeb rgb(90,171,235)
```
#5a9feb
```
#5a9feb rgb(90,159,235)
```
#5a93eb
```
#5a93eb rgb(90,147,235)
```
#5a87eb
```
#5a87eb rgb(90,135,235)
```

Similar Colors

Text with hexadecimal color #5aabeb

This text has a font color of #5aabeb.

<span style="color:#5aabeb;">Text here</span>

#5aabeb background color

This paragraph has a background color of #5aabeb.

<p style="background-color:#5aabeb;">Content here</p>

#5aabeb border color

This element has a border color of #5aabeb.

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

CSS codes

.text {color:#5aabeb;}

.background {background-color:#5aabeb;}

.border {border:1px solid #5aabeb;}

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, #01060a is the darkest color, while #f7fbfe is the lightest one.

#01060a
```
#01060a rgb(1,6,10)
```
#03111b
```
#03111b rgb(3,17,27)
```
#051c2d
```
#051c2d rgb(5,28,45)
```
#08263e
```
#08263e rgb(8,38,62)
```
#0a3150
```
#0a3150 rgb(10,49,80)
```
#0c3c61
```
#0c3c61 rgb(12,60,97)
```
#0e4673
```
#0e4673 rgb(14,70,115)
```
#105184
```
#105184 rgb(16,81,132)
```
#125c96
```
#125c96 rgb(18,92,150)
```
#1466a7
```
#1466a7 rgb(20,102,167)
```
#1671b9
```
#1671b9 rgb(22,113,185)
```
#197cca
```
#197cca rgb(25,124,202)
```
#1b87dc
```
#1b87dc rgb(27,135,220)
```

Shade Color Variation

#2690e5
```
#2690e5 rgb(38,144,229)
```
#3799e7
```
#3799e7 rgb(55,153,231)
```
#49a2e9
```
#49a2e9 rgb(73,162,233)
```
#5aabeb
```
#5aabeb rgb(90,171,235)
```
#6bb4ed
```
#6bb4ed rgb(107,180,237)
```
#7dbdef
```
#7dbdef rgb(125,189,239)
```
#8ec6f1
```
#8ec6f1 rgb(142,198,241)
```
#a0cff3
```
#a0cff3 rgb(160,207,243)
```
#b1d8f6
```
#b1d8f6 rgb(177,216,246)
```
#c3e0f8
```
#c3e0f8 rgb(195,224,248)
```
#d4e9fa
```
#d4e9fa rgb(212,233,250)
```
#e6f2fc
```
#e6f2fc rgb(230,242,252)
```
#f7fbfe
```
#f7fbfe rgb(247,251,254)
```

Tint Color Variation

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

#a1a3a4
```
#a1a3a4 rgb(161,163,164)
```
#9aa3ab
```
#9aa3ab rgb(154,163,171)
```
#93a4b2
```
#93a4b2 rgb(147,164,178)
```
#8ca5b9
```
#8ca5b9 rgb(140,165,185)
```
#85a6c0
```
#85a6c0 rgb(133,166,192)
```
#7ea7c7
```
#7ea7c7 rgb(126,167,199)
```
#76a8cf
```
#76a8cf rgb(118,168,207)
```
#6fa8d6
```
#6fa8d6 rgb(111,168,214)
```
#68a9dd
```
#68a9dd rgb(104,169,221)
```
#61aae4
```
#61aae4 rgb(97,170,228)
```
#5aabeb
```
#5aabeb rgb(90,171,235)
```
#53acf2
```
#53acf2 rgb(83,172,242)
```
#4cadf9
```
#4cadf9 rgb(76,173,249)
```

Tone Color Variation

Below, you can see how #5aabeb 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

#9a9a9a Achromatopsia 0.005% of the population
#8d9daa Atypical Achromatopsia 0.001% of the population

Dichromacy

#94a6e6 Protanopia 1% of men
#89a8ee Deuteranopia 1% of men
#49b7c4 Tritanopia 0.001% of the population

Trichromacy

#7fa8e7 Protanomaly 1% of men, 0.01% of women
#78a9ed Deuteranomaly 6% of men, 0.4% of women
#4fb2d2 Tritanomaly 0.01% of the population

#5aabeb hex color

#5aabeb Color Information

#5aabeb Color Conversion

Color Schemes with #5aabeb

Alternatives to #5aabeb

#5aabeb Preview

Shades and Tints of #5aabeb

Tones of #5aabeb

Color Blindness Simulator