#5aa3dd Color Information
In a RGB color space, hex #5aa3dd is composed of 35.3% red, 63.9% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 59.3% cyan, 26.2% magenta, 0% yellow and 13.3% black. It has a hue angle of 206.6 degrees, a saturation of 65.8% and a lightness of 61%. #5aa3dd color hex could be obtained by blending #b4ffff with #0047bb. Closest websafe color is: #6699cc.
-
- R 35
- G 64
- B 87
-
- C 59
- M 26
- Y 0
- K 13
● #5aa3dd color description : Soft blue.
#5aa3dd Color Conversion
The hexadecimal color #5aa3dd has RGB values of R:90, G:163, B:221 and CMYK values of C:0.59, M:0.26, Y:0, K:0.13. Its decimal value is 5940189.
Hex triplet | 5aa3dd | #5aa3dd |
---|---|---|
RGB Decimal | 90, 163, 221 | rgb(90,163,221) |
RGB Percent | 35.3, 63.9, 86.7 | rgb(35.3%,63.9%,86.7%) |
CMYK | 59, 26, 0, 13 | |
HSL | 206.6°, 65.8, 61 | hsl(206.6,65.8%,61%) |
HSV (or HSB) | 206.6°, 59.3, 86.7 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 64.633, -5.761, -36.251 |
---|---|
XYZ | 30.362, 33.586, 73.285 |
xyY | 0.221, 0.245, 33.586 |
CIE-LCH | 64.633, 36.706, 260.97 |
CIE-LUV | 64.633, -30.898, -56.669 |
Hunter-Lab | 57.954, -7.904, -34.407 |
Binary | 01011010, 10100011, 11011101 |
Color Schemes with #5aa3dd
Alternatives to #5aa3dd
Below, you can see some colors close to #5aa3dd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5aa3dd Preview
This text has a font color of #5aa3dd.
<span style="color:#5aa3dd;">Text here</span>
This paragraph has a background color of #5aa3dd.
<p style="background-color:#5aa3dd;">Content here</p>
This element has a border color of #5aa3dd.
<div style="border:1px solid #5aa3dd;">Content here</div>
.text {color:#5aa3dd;}
.background {background-color:#5aa3dd;}
.border {border:1px solid #5aa3dd;}
Shades and Tints of #5aa3dd
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)
-
#06141e
#06141e
rgb(6,20,30)
-
#0a1e2e
#0a1e2e
rgb(10,30,46)
-
#0d293f
#0d293f
rgb(13,41,63)
-
#10334f
#10334f
rgb(16,51,79)
-
#143e5f
#143e5f
rgb(20,62,95)
-
#17486f
#17486f
rgb(23,72,111)
-
#1a5380
#1a5380
rgb(26,83,128)
-
#1e5d90
#1e5d90
rgb(30,93,144)
-
#2168a0
#2168a0
rgb(33,104,160)
-
#2472b1
#2472b1
rgb(36,114,177)
-
#287dc1
#287dc1
rgb(40,125,193)
-
#2b88d1
#2b88d1
rgb(43,136,209)
-
#3991d6
#3991d6
rgb(57,145,214)
-
#4a9ada
#4a9ada
rgb(74,154,218)
-
#5aa3dd
#5aa3dd
rgb(90,163,221)
-
#6aace0
#6aace0
rgb(106,172,224)
-
#7bb5e4
#7bb5e4
rgb(123,181,228)
-
#8bbee7
#8bbee7
rgb(139,190,231)
-
#9bc7ea
#9bc7ea
rgb(155,199,234)
-
#abd0ee
#abd0ee
rgb(171,208,238)
-
#bcd9f1
#bcd9f1
rgb(188,217,241)
-
#cce2f4
#cce2f4
rgb(204,226,244)
-
#dcecf8
#dcecf8
rgb(220,236,248)
-
#ecf5fb
#ecf5fb
rgb(236,245,251)
-
#fdfeff
#fdfeff
rgb(253,254,255)
Tones of #5aa3dd
A tone is produced by adding gray to any pure hue. In this case, #979ca0 is the less saturated color, while #3ba7fc is the most saturated one.
-
#979ca0
#979ca0
rgb(151,156,160)
-
#909da7
#909da7
rgb(144,157,167)
-
#889eaf
#889eaf
rgb(136,158,175)
-
#809fb7
#809fb7
rgb(128,159,183)
-
#799fbe
#799fbe
rgb(121,159,190)
-
#71a0c6
#71a0c6
rgb(113,160,198)
-
#69a1ce
#69a1ce
rgb(105,161,206)
-
#62a2d5
#62a2d5
rgb(98,162,213)
-
#5aa3dd
#5aa3dd
rgb(90,163,221)
-
#52a4e5
#52a4e5
rgb(82,164,229)
-
#4ba5ec
#4ba5ec
rgb(75,165,236)
-
#43a6f4
#43a6f4
rgb(67,166,244)
-
#3ba7fc
#3ba7fc
rgb(59,167,252)
Color Blindness Simulator
Below, you can see how #5aa3dd 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.