#5aaafb hex color

In a RGB color space, hex #5aaafb is composed of 35.3% red, 66.7% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 64.1% cyan, 32.3% magenta, 0% yellow and 1.6% black. It has a hue angle of 210.2 degrees, a saturation of 95.3% and a lightness of 66.9%. #5aaafb color hex could be obtained by blending #b4ffff with #0055f7. 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

● #5aaafb color description : Soft blue.

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

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

CIE-LAB	67.936, -0.032, -47.511
XYZ	36, 37.886, 96.677
xyY	0.211, 0.222, 37.886
CIE-LCH	67.936, 47.511, 269.962
CIE-LUV	67.936, -32.522, -76.899
Hunter-Lab	61.551, -3.315, -50.039
Binary	01011010, 10101010, 11111011

#5aaafb
```
#5aaafb rgb(90,170,251)
```
#fbab5a
```
#fbab5a rgb(251,171,90)
```

Complementary Color

#5afbfb
```
#5afbfb rgb(90,251,251)
```
#5aaafb
```
#5aaafb rgb(90,170,251)
```
#5a5afb
```
#5a5afb rgb(90,90,251)
```

Analogous Color

#fbfb5a
```
#fbfb5a rgb(251,251,90)
```
#5aaafb
```
#5aaafb rgb(90,170,251)
```
#fb5a5a
```
#fb5a5a rgb(251,90,90)
```

Split Complementary Color

#aafb5a
```
#aafb5a rgb(170,251,90)
```
#5aaafb
```
#5aaafb rgb(90,170,251)
```
#fb5aaa
```
#fb5aaa rgb(251,90,170)
```

Triadic Color

#5afbab
```
#5afbab rgb(90,251,171)
```
#5aaafb
```
#5aaafb rgb(90,170,251)
```
#fb5aaa
```
#fb5aaa rgb(251,90,170)
```
#fbab5a
```
#fbab5a rgb(251,171,90)
```

Tetradic Color

#0f84f9
```
#0f84f9 rgb(15,132,249)
```
#2890fa
```
#2890fa rgb(40,144,250)
```
#419dfa
```
#419dfa rgb(65,157,250)
```
#5aaafb
```
#5aaafb rgb(90,170,251)
```
#73b7fc
```
#73b7fc rgb(115,183,252)
```
#8cc4fc
```
#8cc4fc rgb(140,196,252)
```
#a5d0fd
```
#a5d0fd rgb(165,208,253)
```

Monochromatic Color

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

#5ad2fb
```
#5ad2fb rgb(90,210,251)
```
#5ac5fb
```
#5ac5fb rgb(90,197,251)
```
#5ab7fb
```
#5ab7fb rgb(90,183,251)
```
#5aaafb
```
#5aaafb rgb(90,170,251)
```
#5a9dfb
```
#5a9dfb rgb(90,157,251)
```
#5a8ffb
```
#5a8ffb rgb(90,143,251)
```
#5a82fb
```
#5a82fb rgb(90,130,251)
```

Similar Colors

Text with hexadecimal color #5aaafb

This text has a font color of #5aaafb.

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

#5aaafb background color

This paragraph has a background color of #5aaafb.

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

#5aaafb border color

This element has a border color of #5aaafb.

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

CSS codes

.text {color:#5aaafb;}

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

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

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)
```
#010d1b
```
#010d1b rgb(1,13,27)
```
#01172e
```
#01172e rgb(1,23,46)
```
#022141
```
#022141 rgb(2,33,65)
```
#022b54
```
#022b54 rgb(2,43,84)
```
#023467
```
#023467 rgb(2,52,103)
```
#033e7a
```
#033e7a rgb(3,62,122)
```
#03488d
```
#03488d rgb(3,72,141)
```
#0452a1
```
#0452a1 rgb(4,82,161)
```
#045bb4
```
#045bb4 rgb(4,91,180)
```
#0565c7
```
#0565c7 rgb(5,101,199)
```
#056fda
```
#056fda rgb(5,111,218)
```
#0679ed
```
#0679ed rgb(6,121,237)
```

Shade Color Variation

#0d83f9
```
#0d83f9 rgb(13,131,249)
```
#218cfa
```
#218cfa rgb(33,140,250)
```
#3496fa
```
#3496fa rgb(52,150,250)
```
#47a0fb
```
#47a0fb rgb(71,160,251)
```
#5aaafb
```
#5aaafb rgb(90,170,251)
```
#6db4fb
```
#6db4fb rgb(109,180,251)
```
#80befc
```
#80befc rgb(128,190,252)
```
#93c8fc
```
#93c8fc rgb(147,200,252)
```
#a7d1fd
```
#a7d1fd rgb(167,209,253)
```
#badbfd
```
#badbfd rgb(186,219,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, #a8aaad is the less saturated color, while #5aaafb is the most saturated one.

#a8aaad
```
#a8aaad rgb(168,170,173)
```
#a2aab4
```
#a2aab4 rgb(162,170,180)
```
#9baaba
```
#9baaba rgb(155,170,186)
```
#95aac1
```
#95aac1 rgb(149,170,193)
```
#8eaac7
```
#8eaac7 rgb(142,170,199)
```
#88aace
```
#88aace rgb(136,170,206)
```
#81aad4
```
#81aad4 rgb(129,170,212)
```
#7baadb
```
#7baadb rgb(123,170,219)
```
#74aae1
```
#74aae1 rgb(116,170,225)
```
#6eaae8
```
#6eaae8 rgb(110,170,232)
```
#67aaee
```
#67aaee rgb(103,170,238)
```
#60aaf5
```
#60aaf5 rgb(96,170,245)
```
#5aaafb
```
#5aaafb rgb(90,170,251)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#8e9eae Atypical Achromatopsia 0.001% of the population

Dichromacy

#8da7f6 Protanopia 1% of men
#7baafd Deuteranopia 1% of men
#3ab9c6 Tritanopia 0.001% of the population

Trichromacy

#7aa8f7 Protanomaly 1% of men, 0.01% of women
#6faafc Deuteranomaly 6% of men, 0.4% of women
#46b3d9 Tritanomaly 0.01% of the population

#5aaafb hex color

#5aaafb Color Information

#5aaafb Color Conversion

Color Schemes with #5aaafb

Alternatives to #5aaafb

#5aaafb Preview

Shades and Tints of #5aaafb

Tones of #5aaafb

Color Blindness Simulator