#5aa7ee hex color

In a RGB color space, hex #5aa7ee is composed of 35.3% red, 65.5% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 62.2% cyan, 29.8% magenta, 0% yellow and 6.7% black. It has a hue angle of 208.8 degrees, a saturation of 81.3% and a lightness of 64.3%. #5aa7ee color hex could be obtained by blending #b4ffff with #004fdd. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 35
- G 65
- B 93
RGB color chart
- C 62
- M 30
- Y 0
- K 7
CMYK color chart

● #5aa7ee color description : Soft blue.

The hexadecimal color #5aa7ee has RGB values of R:90, G:167, B:238 and CMYK values of C:0.62, M:0.3, Y:0, K:0.07. Its decimal value is 5941230.

Hex triplet	5aa7ee	`#5aa7ee`
RGB Decimal	90, 167, 238	`rgb(90,167,238)`
RGB Percent	35.3, 65.5, 93.3	`rgb(35.3%,65.5%,93.3%)`
CMYK	62, 30, 0, 7
HSL	208.8°, 81.3, 64.3	`hsl(208.8,81.3%,64.3%)`
HSV (or HSB)	208.8°, 62.2, 93.3
Web Safe	6699ff	`#6699ff`

CIE-LAB	66.506, -2.568, -42.669
XYZ	33.464, 35.982, 86.066
xyY	0.215, 0.231, 35.982
CIE-LCH	66.506, 42.747, 266.556
CIE-LUV	66.506, -31.848, -68.149
Hunter-Lab	59.985, -5.393, -43.079
Binary	01011010, 10100111, 11101110

#5aa7ee
```
#5aa7ee rgb(90,167,238)
```
#eea15a
```
#eea15a rgb(238,161,90)
```

Complementary Color

#5aeeeb
```
#5aeeeb rgb(90,238,235)
```
#5aa7ee
```
#5aa7ee rgb(90,167,238)
```
#5a5dee
```
#5a5dee rgb(90,93,238)
```

Analogous Color

#eeeb5a
```
#eeeb5a rgb(238,235,90)
```
#5aa7ee
```
#5aa7ee rgb(90,167,238)
```
#ee5a5d
```
#ee5a5d rgb(238,90,93)
```

Split Complementary Color

#a7ee5a
```
#a7ee5a rgb(167,238,90)
```
#5aa7ee
```
#5aa7ee rgb(90,167,238)
```
#ee5aa7
```
#ee5aa7 rgb(238,90,167)
```

Triadic Color

#5aeea1
```
#5aeea1 rgb(90,238,161)
```
#5aa7ee
```
#5aa7ee rgb(90,167,238)
```
#ee5aa7
```
#ee5aa7 rgb(238,90,167)
```
#eea15a
```
#eea15a rgb(238,161,90)
```

Tetradic Color

#1782e4
```
#1782e4 rgb(23,130,228)
```
#2c8ee9
```
#2c8ee9 rgb(44,142,233)
```
#439bec
```
#439bec rgb(67,155,236)
```
#5aa7ee
```
#5aa7ee rgb(90,167,238)
```
#71b3f0
```
#71b3f0 rgb(113,179,240)
```
#88c0f3
```
#88c0f3 rgb(136,192,243)
```
#9fccf5
```
#9fccf5 rgb(159,204,245)
```

Monochromatic Color

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

#5accee
```
#5accee rgb(90,204,238)
```
#5ac0ee
```
#5ac0ee rgb(90,192,238)
```
#5ab3ee
```
#5ab3ee rgb(90,179,238)
```
#5aa7ee
```
#5aa7ee rgb(90,167,238)
```
#5a9bee
```
#5a9bee rgb(90,155,238)
```
#5a8eee
```
#5a8eee rgb(90,142,238)
```
#5a82ee
```
#5a82ee rgb(90,130,238)
```

Similar Colors

Text with hexadecimal color #5aa7ee

This text has a font color of #5aa7ee.

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

#5aa7ee background color

This paragraph has a background color of #5aa7ee.

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

#5aa7ee border color

This element has a border color of #5aa7ee.

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

CSS codes

.text {color:#5aa7ee;}

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

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

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, #01070d is the darkest color, while #fafcfe is the lightest one.

#01070d
```
#01070d rgb(1,7,13)
```
#03111f
```
#03111f rgb(3,17,31)
```
#051c30
```
#051c30 rgb(5,28,48)
```
#072642
```
#072642 rgb(7,38,66)
```
#093054
```
#093054 rgb(9,48,84)
```
#0a3a66
```
#0a3a66 rgb(10,58,102)
```
#0c4478
```
#0c4478 rgb(12,68,120)
```
#0e4e89
```
#0e4e89 rgb(14,78,137)
```
#10589b
```
#10589b rgb(16,88,155)
```
#1262ad
```
#1262ad rgb(18,98,173)
```
#146dbf
```
#146dbf rgb(20,109,191)
```
#1577d0
```
#1577d0 rgb(21,119,208)
```
#1781e2
```
#1781e2 rgb(23,129,226)
```

Shade Color Variation

#258be9
```
#258be9 rgb(37,139,233)
```
#3694ea
```
#3694ea rgb(54,148,234)
```
#489eec
```
#489eec rgb(72,158,236)
```
#5aa7ee
```
#5aa7ee rgb(90,167,238)
```
#6cb0f0
```
#6cb0f0 rgb(108,176,240)
```
#7ebaf2
```
#7ebaf2 rgb(126,186,242)
```
#8fc3f3
```
#8fc3f3 rgb(143,195,243)
```
#a1cdf5
```
#a1cdf5 rgb(161,205,245)
```
#b3d6f7
```
#b3d6f7 rgb(179,214,247)
```
#c5e0f9
```
#c5e0f9 rgb(197,224,249)
```
#d6e9fb
```
#d6e9fb rgb(214,233,251)
```
#e8f3fd
```
#e8f3fd rgb(232,243,253)
```
#fafcfe
```
#fafcfe rgb(250,252,254)
```

Tint Color Variation

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

#a0a4a8
```
#a0a4a8 rgb(160,164,168)
```
#99a4af
```
#99a4af rgb(153,164,175)
```
#92a5b6
```
#92a5b6 rgb(146,165,182)
```
#8ba5bd
```
#8ba5bd rgb(139,165,189)
```
#84a5c4
```
#84a5c4 rgb(132,165,196)
```
#7da6cb
```
#7da6cb rgb(125,166,203)
```
#76a6d2
```
#76a6d2 rgb(118,166,210)
```
#6fa6d9
```
#6fa6d9 rgb(111,166,217)
```
#68a6e0
```
#68a6e0 rgb(104,166,224)
```
#61a7e7
```
#61a7e7 rgb(97,167,231)
```
#5aa7ee
```
#5aa7ee rgb(90,167,238)
```
#53a7f5
```
#53a7f5 rgb(83,167,245)
```
#4ca8fc
```
#4ca8fc rgb(76,168,252)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#8c9ba9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8ea4e9 Protanopia 1% of men
#81a5f1 Deuteranopia 1% of men
#44b4c2 Tritanopia 0.001% of the population

Trichromacy

#7ba5eb Protanomaly 1% of men, 0.01% of women
#72a6f0 Deuteranomaly 6% of men, 0.4% of women
#4cafd2 Tritanomaly 0.01% of the population

#5aa7ee hex color

#5aa7ee Color Information

#5aa7ee Color Conversion

Color Schemes with #5aa7ee

Alternatives to #5aa7ee

#5aa7ee Preview

Shades and Tints of #5aa7ee

Tones of #5aa7ee

Color Blindness Simulator