#5aabfa hex color

In a RGB color space, hex #5aabfa is composed of 35.3% red, 67.1% green and 98% blue. Whereas in a CMYK color space, it is composed of 64% cyan, 31.6% magenta, 0% yellow and 2% black. It has a hue angle of 209.6 degrees, a saturation of 94.1% and a lightness of 66.7%. #5aabfa color hex could be obtained by blending #b4ffff with #0057f5. 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

● #5aabfa color description : Soft blue.

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

Hex triplet	5aabfa	`#5aabfa`
RGB Decimal	90, 171, 250	`rgb(90,171,250)`
RGB Percent	35.3, 67.1, 98	`rgb(35.3%,67.1%,98%)`
CMYK	64, 32, 0, 2
HSL	209.6°, 94.1, 66.7	`hsl(209.6,94.1%,66.7%)`
HSV (or HSB)	209.6°, 64, 98
Web Safe	6699ff	`#6699ff`

CIE-LAB	68.167, -0.923, -46.604
XYZ	36.031, 38.199, 95.912
xyY	0.212, 0.225, 38.199
CIE-LCH	68.167, 46.613, 268.865
CIE-LUV	68.167, -32.898, -75.291
Hunter-Lab	61.805, -4.1, -48.744
Binary	01011010, 10101011, 11111010

#5aabfa
```
#5aabfa rgb(90,171,250)
```
#faa95a
```
#faa95a rgb(250,169,90)
```

Complementary Color

#5afaf9
```
#5afaf9 rgb(90,250,249)
```
#5aabfa
```
#5aabfa rgb(90,171,250)
```
#5a5bfa
```
#5a5bfa rgb(90,91,250)
```

Analogous Color

#faf95a
```
#faf95a rgb(250,249,90)
```
#5aabfa
```
#5aabfa rgb(90,171,250)
```
#fa5a5b
```
#fa5a5b rgb(250,90,91)
```

Split Complementary Color

#abfa5a
```
#abfa5a rgb(171,250,90)
```
#5aabfa
```
#5aabfa rgb(90,171,250)
```
#fa5aab
```
#fa5aab rgb(250,90,171)
```

Triadic Color

#5afaa9
```
#5afaa9 rgb(90,250,169)
```
#5aabfa
```
#5aabfa rgb(90,171,250)
```
#fa5aab
```
#fa5aab rgb(250,90,171)
```
#faa95a
```
#faa95a rgb(250,169,90)
```

Tetradic Color

#1085f8
```
#1085f8 rgb(16,133,248)
```
#2892f9
```
#2892f9 rgb(40,146,249)
```
#419ef9
```
#419ef9 rgb(65,158,249)
```
#5aabfa
```
#5aabfa rgb(90,171,250)
```
#73b8fb
```
#73b8fb rgb(115,184,251)
```
#8cc4fc
```
#8cc4fc rgb(140,196,252)
```
#a4d1fc
```
#a4d1fc rgb(164,209,252)
```

Monochromatic Color

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

#5ad3fa
```
#5ad3fa rgb(90,211,250)
```
#5ac6fa
```
#5ac6fa rgb(90,198,250)
```
#5ab8fa
```
#5ab8fa rgb(90,184,250)
```
#5aabfa
```
#5aabfa rgb(90,171,250)
```
#5a9efa
```
#5a9efa rgb(90,158,250)
```
#5a90fa
```
#5a90fa rgb(90,144,250)
```
#5a83fa
```
#5a83fa rgb(90,131,250)
```

Similar Colors

Text with hexadecimal color #5aabfa

This text has a font color of #5aabfa.

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

#5aabfa background color

This paragraph has a background color of #5aabfa.

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

#5aabfa border color

This element has a border color of #5aabfa.

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

CSS codes

.text {color:#5aabfa;}

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

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

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

#000306
```
#000306 rgb(0,3,6)
```
#010d19
```
#010d19 rgb(1,13,25)
```
#01172c
```
#01172c rgb(1,23,44)
```
#02213f
```
#02213f rgb(2,33,63)
```
#022b52
```
#022b52 rgb(2,43,82)
```
#033566
```
#033566 rgb(3,53,102)
```
#043f79
```
#043f79 rgb(4,63,121)
```
#04498c
```
#04498c rgb(4,73,140)
```
#05539f
```
#05539f rgb(5,83,159)
```
#055db2
```
#055db2 rgb(5,93,178)
```
#0667c5
```
#0667c5 rgb(6,103,197)
```
#0770d8
```
#0770d8 rgb(7,112,216)
```
#077aeb
```
#077aeb rgb(7,122,235)
```

Shade Color Variation

#0e84f8
```
#0e84f8 rgb(14,132,248)
```
#218ef8
```
#218ef8 rgb(33,142,248)
```
#3498f9
```
#3498f9 rgb(52,152,249)
```
#47a1f9
```
#47a1f9 rgb(71,161,249)
```
#5aabfa
```
#5aabfa rgb(90,171,250)
```
#6db5fb
```
#6db5fb rgb(109,181,251)
```
#80befb
```
#80befb rgb(128,190,251)
```
#93c8fc
```
#93c8fc rgb(147,200,252)
```
#a6d2fc
```
#a6d2fc rgb(166,210,252)
```
#b9dbfd
```
#b9dbfd rgb(185,219,253)
```
#cce5fd
```
#cce5fd rgb(204,229,253)
```
#dfeffe
```
#dfeffe rgb(223,239,254)
```
#f2f9ff
```
#f2f9ff rgb(242,249,255)
```

Tint Color Variation

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

#a8aaac
```
#a8aaac rgb(168,170,172)
```
#a2aab2
```
#a2aab2 rgb(162,170,178)
```
#9baab9
```
#9baab9 rgb(155,170,185)
```
#95aabf
```
#95aabf rgb(149,170,191)
```
#8eaac6
```
#8eaac6 rgb(142,170,198)
```
#88aacc
```
#88aacc rgb(136,170,204)
```
#81abd3
```
#81abd3 rgb(129,171,211)
```
#7babd9
```
#7babd9 rgb(123,171,217)
```
#74abe0
```
#74abe0 rgb(116,171,224)
```
#6eabe6
```
#6eabe6 rgb(110,171,230)
```
#67abed
```
#67abed rgb(103,171,237)
```
#61abf3
```
#61abf3 rgb(97,171,243)
```
#5aabfa
```
#5aabfa rgb(90,171,250)
```

Tone Color Variation

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

#8ea8f4 Protanopia 1% of men
#7eaafc Deuteranopia 1% of men
#3cb9c7 Tritanopia 0.001% of the population

Trichromacy

#7ba9f6 Protanomaly 1% of men, 0.01% of women
#71aafb Deuteranomaly 6% of men, 0.4% of women
#47b4d9 Tritanomaly 0.01% of the population

#5aabfa hex color

#5aabfa Color Information

#5aabfa Color Conversion

Color Schemes with #5aabfa

Alternatives to #5aabfa

#5aabfa Preview

Shades and Tints of #5aabfa

Tones of #5aabfa

Color Blindness Simulator