#5aabfb hex color

In a RGB color space, hex #5aabfb is composed of 35.3% red, 67.1% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 64.1% cyan, 31.9% magenta, 0% yellow and 1.6% black. It has a hue angle of 209.8 degrees, a saturation of 95.3% and a lightness of 66.9%. #5aabfb color hex could be obtained by blending #b4ffff with #0057f7. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 35
- G 67
- B 98
RGB color chart
- C 64
- M 32
- Y 0
- K 2
CMYK color chart

● #5aabfb color description : Soft blue.

The hexadecimal color #5aabfb has RGB values of R:90, G:171, B:251 and CMYK values of C:0.64, M:0.32, Y:0, K:0.02. Its decimal value is 5942267.

Hex triplet	5aabfb	`#5aabfb`
RGB Decimal	90, 171, 251	`rgb(90,171,251)`
RGB Percent	35.3, 67.1, 98.4	`rgb(35.3%,67.1%,98.4%)`
CMYK	64, 32, 0, 2
HSL	209.8°, 95.3, 66.9	`hsl(209.8,95.3%,66.9%)`
HSV (or HSB)	209.8°, 64.1, 98.4
Web Safe	6699ff	`#6699ff`

CIE-LAB	68.213, -0.597, -47.075
XYZ	36.188, 38.262, 96.74
xyY	0.211, 0.224, 38.262
CIE-LCH	68.213, 47.079, 269.274
CIE-LUV	68.213, -32.868, -76.138
Hunter-Lab	61.856, -3.82, -49.427
Binary	01011010, 10101011, 11111011

#5aabfb
```
#5aabfb rgb(90,171,251)
```
#fbaa5a
```
#fbaa5a rgb(251,170,90)
```

Complementary Color

#5afbfb
```
#5afbfb rgb(90,251,251)
```
#5aabfb
```
#5aabfb rgb(90,171,251)
```
#5a5bfb
```
#5a5bfb rgb(90,91,251)
```

Analogous Color

#fbfb5a
```
#fbfb5a rgb(251,251,90)
```
#5aabfb
```
#5aabfb rgb(90,171,251)
```
#fb5a5b
```
#fb5a5b rgb(251,90,91)
```

Split Complementary Color

#abfb5a
```
#abfb5a rgb(171,251,90)
```
#5aabfb
```
#5aabfb rgb(90,171,251)
```
#fb5aab
```
#fb5aab rgb(251,90,171)
```

Triadic Color

#5afbaa
```
#5afbaa rgb(90,251,170)
```
#5aabfb
```
#5aabfb rgb(90,171,251)
```
#fb5aab
```
#fb5aab rgb(251,90,171)
```
#fbaa5a
```
#fbaa5a rgb(251,170,90)
```

Tetradic Color

#0f85f9
```
#0f85f9 rgb(15,133,249)
```
#2892fa
```
#2892fa rgb(40,146,250)
```
#419efa
```
#419efa rgb(65,158,250)
```
#5aabfb
```
#5aabfb rgb(90,171,251)
```
#73b8fc
```
#73b8fc rgb(115,184,252)
```
#8cc4fc
```
#8cc4fc rgb(140,196,252)
```
#a5d1fd
```
#a5d1fd rgb(165,209,253)
```

Monochromatic Color

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

#5ad3fb
```
#5ad3fb rgb(90,211,251)
```
#5ac6fb
```
#5ac6fb rgb(90,198,251)
```
#5ab8fb
```
#5ab8fb rgb(90,184,251)
```
#5aabfb
```
#5aabfb rgb(90,171,251)
```
#5a9efb
```
#5a9efb rgb(90,158,251)
```
#5a90fb
```
#5a90fb rgb(90,144,251)
```
#5a83fb
```
#5a83fb rgb(90,131,251)
```

Similar Colors

Text with hexadecimal color #5aabfb

This text has a font color of #5aabfb.

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

#5aabfb background color

This paragraph has a background color of #5aabfb.

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

#5aabfb border color

This element has a border color of #5aabfb.

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

CSS codes

.text {color:#5aabfb;}

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

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

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, #000407 is the darkest color, while #f3f9ff is the lightest one.

#000407
```
#000407 rgb(0,4,7)
```
#010e1b
```
#010e1b rgb(1,14,27)
```
#01182e
```
#01182e rgb(1,24,46)
```
#022141
```
#022141 rgb(2,33,65)
```
#022b54
```
#022b54 rgb(2,43,84)
```
#023567
```
#023567 rgb(2,53,103)
```
#033f7a
```
#033f7a rgb(3,63,122)
```
#03498d
```
#03498d rgb(3,73,141)
```
#0453a1
```
#0453a1 rgb(4,83,161)
```
#045db4
```
#045db4 rgb(4,93,180)
```
#0566c7
```
#0566c7 rgb(5,102,199)
```
#0570da
```
#0570da rgb(5,112,218)
```
#067aed
```
#067aed rgb(6,122,237)
```

Shade Color Variation

#0d84f9
```
#0d84f9 rgb(13,132,249)
```
#218efa
```
#218efa rgb(33,142,250)
```
#3498fa
```
#3498fa rgb(52,152,250)
```
#47a1fb
```
#47a1fb rgb(71,161,251)
```
#5aabfb
```
#5aabfb rgb(90,171,251)
```
#6db5fb
```
#6db5fb rgb(109,181,251)
```
#80befc
```
#80befc rgb(128,190,252)
```
#93c8fc
```
#93c8fc rgb(147,200,252)
```
#a7d2fd
```
#a7d2fd rgb(167,210,253)
```
#badcfd
```
#badcfd rgb(186,220,253)
```
#cde5fe
```
#cde5fe rgb(205,229,254)
```
#e0effe
```
#e0effe rgb(224,239,254)
```
#f3f9ff
```
#f3f9ff rgb(243,249,255)
```

Tint Color Variation

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

#a8abad
```
#a8abad rgb(168,171,173)
```
#a2abb4
```
#a2abb4 rgb(162,171,180)
```
#9babba
```
#9babba rgb(155,171,186)
```
#95abc1
```
#95abc1 rgb(149,171,193)
```
#8eabc7
```
#8eabc7 rgb(142,171,199)
```
#88abce
```
#88abce rgb(136,171,206)
```
#81abd4
```
#81abd4 rgb(129,171,212)
```
#7babdb
```
#7babdb rgb(123,171,219)
```
#74abe1
```
#74abe1 rgb(116,171,225)
```
#6eabe8
```
#6eabe8 rgb(110,171,232)
```
#67abee
```
#67abee rgb(103,171,238)
```
#60abf5
```
#60abf5 rgb(96,171,245)
```
#5aabfb
```
#5aabfb rgb(90,171,251)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#8f9faf Atypical Achromatopsia 0.001% of the population

Dichromacy

#8ea8f5 Protanopia 1% of men
#7daafd Deuteranopia 1% of men
#3bbac7 Tritanopia 0.001% of the population

Trichromacy

#7ba9f7 Protanomaly 1% of men, 0.01% of women
#70aafc Deuteranomaly 6% of men, 0.4% of women
#46b4da Tritanomaly 0.01% of the population

#5aabfb hex color

#5aabfb Color Information

#5aabfb Color Conversion

Color Schemes with #5aabfb

Alternatives to #5aabfb

#5aabfb Preview

Shades and Tints of #5aabfb

Tones of #5aabfb

Color Blindness Simulator