#5aa0dd hex color

In a RGB color space, hex #5aa0dd is composed of 35.3% red, 62.7% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 59.3% cyan, 27.6% magenta, 0% yellow and 13.3% black. It has a hue angle of 207.9 degrees, a saturation of 65.8% and a lightness of 61%. #5aa0dd color hex could be obtained by blending #b4ffff with #0041bb. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 35
- G 63
- B 87
RGB color chart
- C 59
- M 28
- Y 0
- K 13
CMYK color chart

● #5aa0dd color description : Soft blue.

The hexadecimal color #5aa0dd has RGB values of R:90, G:160, B:221 and CMYK values of C:0.59, M:0.28, Y:0, K:0.13. Its decimal value is 5939421.

Hex triplet	5aa0dd	`#5aa0dd`
RGB Decimal	90, 160, 221	`rgb(90,160,221)`
RGB Percent	35.3, 62.7, 86.7	`rgb(35.3%,62.7%,86.7%)`
CMYK	59, 28, 0, 13
HSL	207.9°, 65.8, 61	`hsl(207.9,65.8%,61%)`
HSV (or HSB)	207.9°, 59.3, 86.7
Web Safe	6699cc	`#6699cc`

CIE-LAB	63.782, -4.078, -37.579
XYZ	29.835, 32.534, 73.11
xyY	0.22, 0.24, 32.534
CIE-LCH	63.782, 37.799, 263.807
CIE-LUV	63.782, -29.808, -58.984
Hunter-Lab	57.038, -6.448, -36.069
Binary	01011010, 10100000, 11011101

#5aa0dd
```
#5aa0dd rgb(90,160,221)
```
#dd975a
```
#dd975a rgb(221,151,90)
```

Complementary Color

#5addd9
```
#5addd9 rgb(90,221,217)
```
#5aa0dd
```
#5aa0dd rgb(90,160,221)
```
#5a5fdd
```
#5a5fdd rgb(90,95,221)
```

Analogous Color

#ddd95a
```
#ddd95a rgb(221,217,90)
```
#5aa0dd
```
#5aa0dd rgb(90,160,221)
```
#dd5a5f
```
#dd5a5f rgb(221,90,95)
```

Split Complementary Color

#a0dd5a
```
#a0dd5a rgb(160,221,90)
```
#5aa0dd
```
#5aa0dd rgb(90,160,221)
```
#dd5aa0
```
#dd5aa0 rgb(221,90,160)
```

Triadic Color

#5add97
```
#5add97 rgb(90,221,151)
```
#5aa0dd
```
#5aa0dd rgb(90,160,221)
```
#dd5aa0
```
#dd5aa0 rgb(221,90,160)
```
#dd975a
```
#dd975a rgb(221,151,90)
```

Tetradic Color

#287bc2
```
#287bc2 rgb(40,123,194)
```
#3088d4
```
#3088d4 rgb(48,136,212)
```
#4594d9
```
#4594d9 rgb(69,148,217)
```
#5aa0dd
```
#5aa0dd rgb(90,160,221)
```
#6face1
```
#6face1 rgb(111,172,225)
```
#84b8e6
```
#84b8e6 rgb(132,184,230)
```
#99c5ea
```
#99c5ea rgb(153,197,234)
```

Monochromatic Color

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

#5ac1dd
```
#5ac1dd rgb(90,193,221)
```
#5ab6dd
```
#5ab6dd rgb(90,182,221)
```
#5aabdd
```
#5aabdd rgb(90,171,221)
```
#5aa0dd
```
#5aa0dd rgb(90,160,221)
```
#5a95dd
```
#5a95dd rgb(90,149,221)
```
#5a8add
```
#5a8add rgb(90,138,221)
```
#5a7fdd
```
#5a7fdd rgb(90,127,221)
```

Similar Colors

Text with hexadecimal color #5aa0dd

This text has a font color of #5aa0dd.

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

#5aa0dd background color

This paragraph has a background color of #5aa0dd.

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

#5aa0dd border color

This element has a border color of #5aa0dd.

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

CSS codes

.text {color:#5aa0dd;}

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

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

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

#03090e
```
#03090e rgb(3,9,14)
```
#06131e
```
#06131e rgb(6,19,30)
```
#0a1d2e
```
#0a1d2e rgb(10,29,46)
```
#0d283f
```
#0d283f rgb(13,40,63)
```
#10324f
```
#10324f rgb(16,50,79)
```
#143c5f
```
#143c5f rgb(20,60,95)
```
#17466f
```
#17466f rgb(23,70,111)
```
#1a5180
```
#1a5180 rgb(26,81,128)
```
#1e5b90
```
#1e5b90 rgb(30,91,144)
```
#2165a0
```
#2165a0 rgb(33,101,160)
```
#246fb1
```
#246fb1 rgb(36,111,177)
```
#287ac1
```
#287ac1 rgb(40,122,193)
```
#2b84d1
```
#2b84d1 rgb(43,132,209)
```

Shade Color Variation

#398dd6
```
#398dd6 rgb(57,141,214)
```
#4a97da
```
#4a97da rgb(74,151,218)
```
#5aa0dd
```
#5aa0dd rgb(90,160,221)
```
#6aa9e0
```
#6aa9e0 rgb(106,169,224)
```
#7bb3e4
```
#7bb3e4 rgb(123,179,228)
```
#8bbce7
```
#8bbce7 rgb(139,188,231)
```
#9bc5ea
```
#9bc5ea rgb(155,197,234)
```
#abcfee
```
#abcfee rgb(171,207,238)
```
#bcd8f1
```
#bcd8f1 rgb(188,216,241)
```
#cce2f4
```
#cce2f4 rgb(204,226,244)
```
#dcebf8
```
#dcebf8 rgb(220,235,248)
```
#ecf4fb
```
#ecf4fb rgb(236,244,251)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #979ca0 is the less saturated color, while #3ba2fc is the most saturated one.

#979ca0
```
#979ca0 rgb(151,156,160)
```
#909ca7
```
#909ca7 rgb(144,156,167)
```
#889daf
```
#889daf rgb(136,157,175)
```
#809db7
```
#809db7 rgb(128,157,183)
```
#799ebe
```
#799ebe rgb(121,158,190)
```
#719ec6
```
#719ec6 rgb(113,158,198)
```
#699fce
```
#699fce rgb(105,159,206)
```
#629fd5
```
#629fd5 rgb(98,159,213)
```
#5aa0dd
```
#5aa0dd rgb(90,160,221)
```
#52a1e5
```
#52a1e5 rgb(82,161,229)
```
#4ba1ec
```
#4ba1ec rgb(75,161,236)
```
#43a2f4
```
#43a2f4 rgb(67,162,244)
```
#3ba2fc
```
#3ba2fc rgb(59,162,252)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#8795a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b9dd9 Protanopia 1% of men
#829ee1 Deuteranopia 1% of men
#4dacb9 Tritanopia 0.001% of the population

Trichromacy

#799eda Protanomaly 1% of men, 0.01% of women
#739fdf Deuteranomaly 6% of men, 0.4% of women
#51a7c6 Tritanomaly 0.01% of the population

#5aa0dd hex color

#5aa0dd Color Information

#5aa0dd Color Conversion

Color Schemes with #5aa0dd

Alternatives to #5aa0dd

#5aa0dd Preview

Shades and Tints of #5aa0dd

Tones of #5aa0dd

Color Blindness Simulator