#5aaaf1 hex color

In a RGB color space, hex #5aaaf1 is composed of 35.3% red, 66.7% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 62.7% cyan, 29.5% magenta, 0% yellow and 5.5% black. It has a hue angle of 208.2 degrees, a saturation of 84.4% and a lightness of 64.9%. #5aaaf1 color hex could be obtained by blending #b4ffff with #0055e3. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 35
- G 67
- B 95
RGB color chart
- C 63
- M 29
- Y 0
- K 5
CMYK color chart

● #5aaaf1 color description : Soft blue.

The hexadecimal color #5aaaf1 has RGB values of R:90, G:170, B:241 and CMYK values of C:0.63, M:0.29, Y:0, K:0.05. Its decimal value is 5942001.

Hex triplet	5aaaf1	`#5aaaf1`
RGB Decimal	90, 170, 241	`rgb(90,170,241)`
RGB Percent	35.3, 66.7, 94.5	`rgb(35.3%,66.7%,94.5%)`
CMYK	63, 29, 0, 5
HSL	208.2°, 84.4, 64.9	`hsl(208.2,84.4%,64.9%)`
HSV (or HSB)	208.2°, 62.7, 94.5
Web Safe	6699ff	`#6699ff`

CIE-LAB	67.48, -3.283, -42.782
XYZ	34.465, 37.272, 88.592
xyY	0.215, 0.232, 37.272
CIE-LCH	67.48, 42.907, 265.611
CIE-LUV	67.48, -32.819, -68.402
Hunter-Lab	61.05, -6.07, -43.302
Binary	01011010, 10101010, 11110001

#5aaaf1
```
#5aaaf1 rgb(90,170,241)
```
#f1a15a
```
#f1a15a rgb(241,161,90)
```

Complementary Color

#5af1ed
```
#5af1ed rgb(90,241,237)
```
#5aaaf1
```
#5aaaf1 rgb(90,170,241)
```
#5a5ef1
```
#5a5ef1 rgb(90,94,241)
```

Analogous Color

#f1ed5a
```
#f1ed5a rgb(241,237,90)
```
#5aaaf1
```
#5aaaf1 rgb(90,170,241)
```
#f15a5f
```
#f15a5f rgb(241,90,95)
```

Split Complementary Color

#aaf15a
```
#aaf15a rgb(170,241,90)
```
#5aaaf1
```
#5aaaf1 rgb(90,170,241)
```
#f15aaa
```
#f15aaa rgb(241,90,170)
```

Triadic Color

#5af1a1
```
#5af1a1 rgb(90,241,161)
```
#5aaaf1
```
#5aaaf1 rgb(90,170,241)
```
#f15aaa
```
#f15aaa rgb(241,90,170)
```
#f1a15a
```
#f1a15a rgb(241,161,90)
```

Tetradic Color

#1486eb
```
#1486eb rgb(20,134,235)
```
#2b92ed
```
#2b92ed rgb(43,146,237)
```
#429eef
```
#429eef rgb(66,158,239)
```
#5aaaf1
```
#5aaaf1 rgb(90,170,241)
```
#72b6f3
```
#72b6f3 rgb(114,182,243)
```
#89c2f5
```
#89c2f5 rgb(137,194,245)
```
#a1cef7
```
#a1cef7 rgb(161,206,247)
```

Monochromatic Color

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

#5ad0f1
```
#5ad0f1 rgb(90,208,241)
```
#5ac3f1
```
#5ac3f1 rgb(90,195,241)
```
#5ab7f1
```
#5ab7f1 rgb(90,183,241)
```
#5aaaf1
```
#5aaaf1 rgb(90,170,241)
```
#5a9df1
```
#5a9df1 rgb(90,157,241)
```
#5a91f1
```
#5a91f1 rgb(90,145,241)
```
#5a84f1
```
#5a84f1 rgb(90,132,241)
```

Similar Colors

Text with hexadecimal color #5aaaf1

This text has a font color of #5aaaf1.

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

#5aaaf1 background color

This paragraph has a background color of #5aaaf1.

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

#5aaaf1 border color

This element has a border color of #5aaaf1.

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

CSS codes

.text {color:#5aaaf1;}

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

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

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

#010910
```
#010910 rgb(1,9,16)
```
#031322
```
#031322 rgb(3,19,34)
```
#041e34
```
#041e34 rgb(4,30,52)
```
#062846
```
#062846 rgb(6,40,70)
```
#073258
```
#073258 rgb(7,50,88)
```
#093d6a
```
#093d6a rgb(9,61,106)
```
#0b477c
```
#0b477c rgb(11,71,124)
```
#0c518e
```
#0c518e rgb(12,81,142)
```
#0e5ba0
```
#0e5ba0 rgb(14,91,160)
```
#0f66b3
```
#0f66b3 rgb(15,102,179)
```
#1170c5
```
#1170c5 rgb(17,112,197)
```
#127ad7
```
#127ad7 rgb(18,122,215)
```
#1485e9
```
#1485e9 rgb(20,133,233)
```

Shade Color Variation

#248eec
```
#248eec rgb(36,142,236)
```
#3697ee
```
#3697ee rgb(54,151,238)
```
#48a1ef
```
#48a1ef rgb(72,161,239)
```
#5aaaf1
```
#5aaaf1 rgb(90,170,241)
```
#6cb3f3
```
#6cb3f3 rgb(108,179,243)
```
#7ebdf4
```
#7ebdf4 rgb(126,189,244)
```
#90c6f6
```
#90c6f6 rgb(144,198,246)
```
#a2cff7
```
#a2cff7 rgb(162,207,247)
```
#b4d9f9
```
#b4d9f9 rgb(180,217,249)
```
#c6e2fa
```
#c6e2fa rgb(198,226,250)
```
#d9ebfc
```
#d9ebfc rgb(217,235,252)
```
#ebf5fd
```
#ebf5fd rgb(235,245,253)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#9fa6ac
```
#9fa6ac rgb(159,166,172)
```
#98a6b3
```
#98a6b3 rgb(152,166,179)
```
#91a7ba
```
#91a7ba rgb(145,167,186)
```
#8aa7c1
```
#8aa7c1 rgb(138,167,193)
```
#83a8c8
```
#83a8c8 rgb(131,168,200)
```
#7ca8cf
```
#7ca8cf rgb(124,168,207)
```
#76a8d5
```
#76a8d5 rgb(118,168,213)
```
#6fa9dc
```
#6fa9dc rgb(111,169,220)
```
#68a9e3
```
#68a9e3 rgb(104,169,227)
```
#61aaea
```
#61aaea rgb(97,170,234)
```
#5aaaf1
```
#5aaaf1 rgb(90,170,241)
```
#53aaf8
```
#53aaf8 rgb(83,170,248)
```
#4cabff
```
#4cabff rgb(76,171,255)
```

Tone Color Variation

Below, you can see how #5aaaf1 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
#8d9dab Atypical Achromatopsia 0.001% of the population

Dichromacy

#90a6ec Protanopia 1% of men
#83a8f4 Deuteranopia 1% of men
#44b7c4 Tritanopia 0.001% of the population

Trichromacy

#7ca7ed Protanomaly 1% of men, 0.01% of women
#74a8f3 Deuteranomaly 6% of men, 0.4% of women
#4cb2d4 Tritanomaly 0.01% of the population

#5aaaf1 hex color

#5aaaf1 Color Information

#5aaaf1 Color Conversion

Color Schemes with #5aaaf1

Alternatives to #5aaaf1

#5aaaf1 Preview

Shades and Tints of #5aaaf1

Tones of #5aaaf1

Color Blindness Simulator