#5aa4da Color Information
In a RGB color space, hex #5aa4da is composed of 35.3% red, 64.3% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 58.7% cyan, 24.8% magenta, 0% yellow and 14.5% black. It has a hue angle of 205.3 degrees, a saturation of 63.4% and a lightness of 60.4%. #5aa4da color hex could be obtained by blending #b4ffff with #0049b5. Closest websafe color is: #6699cc.
-
- R 35
- G 64
- B 85
-
- C 59
- M 25
- Y 0
- K 15
● #5aa4da color description : Soft blue.
#5aa4da Color Conversion
The hexadecimal color #5aa4da has RGB values of R:90, G:164, B:218 and CMYK values of C:0.59, M:0.25, Y:0, K:0.15. Its decimal value is 5940442.
Hex triplet | 5aa4da | #5aa4da |
---|---|---|
RGB Decimal | 90, 164, 218 | rgb(90,164,218) |
RGB Percent | 35.3, 64.3, 85.5 | rgb(35.3%,64.3%,85.5%) |
CMYK | 59, 25, 0, 15 | |
HSL | 205.3°, 63.4, 60.4 | hsl(205.3,63.4%,60.4%) |
HSV (or HSB) | 205.3°, 58.7, 85.5 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 64.791, -7.263, -34.347 |
---|---|
XYZ | 30.144, 33.785, 71.258 |
xyY | 0.223, 0.25, 33.785 |
CIE-LCH | 64.791, 35.106, 258.061 |
CIE-LUV | 64.791, -31.35, -53.311 |
Hunter-Lab | 58.124, -9.147, -32 |
Binary | 01011010, 10100100, 11011010 |
Color Schemes with #5aa4da
Alternatives to #5aa4da
Below, you can see some colors close to #5aa4da. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5aa4da Preview
This text has a font color of #5aa4da.
<span style="color:#5aa4da;">Text here</span>
This paragraph has a background color of #5aa4da.
<p style="background-color:#5aa4da;">Content here</p>
This element has a border color of #5aa4da.
<div style="border:1px solid #5aa4da;">Content here</div>
.text {color:#5aa4da;}
.background {background-color:#5aa4da;}
.border {border:1px solid #5aa4da;}
Shades and Tints of #5aa4da
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, #03080b is the darkest color, while #fafcfe is the lightest one.
-
#03080b
#03080b
rgb(3,8,11)
-
#06121b
#06121b
rgb(6,18,27)
-
#0a1d2b
#0a1d2b
rgb(10,29,43)
-
#0d283b
#0d283b
rgb(13,40,59)
-
#11334b
#11334b
rgb(17,51,75)
-
#143d5b
#143d5b
rgb(20,61,91)
-
#18486b
#18486b
rgb(24,72,107)
-
#1c537b
#1c537b
rgb(28,83,123)
-
#1f5e8b
#1f5e8b
rgb(31,94,139)
-
#23699b
#23699b
rgb(35,105,155)
-
#2673ab
#2673ab
rgb(38,115,171)
-
#2a7ebb
#2a7ebb
rgb(42,126,187)
-
#2e89cc
#2e89cc
rgb(46,137,204)
-
#3a92d3
#3a92d3
rgb(58,146,211)
-
#4a9bd6
#4a9bd6
rgb(74,155,214)
-
#5aa4da
#5aa4da
rgb(90,164,218)
-
#6aadde
#6aadde
rgb(106,173,222)
-
#7ab6e1
#7ab6e1
rgb(122,182,225)
-
#8abfe5
#8abfe5
rgb(138,191,229)
-
#9ac7e8
#9ac7e8
rgb(154,199,232)
-
#aad0ec
#aad0ec
rgb(170,208,236)
-
#bad9f0
#bad9f0
rgb(186,217,240)
-
#cae2f3
#cae2f3
rgb(202,226,243)
-
#daebf7
#daebf7
rgb(218,235,247)
-
#eaf4fa
#eaf4fa
rgb(234,244,250)
-
#fafcfe
#fafcfe
rgb(250,252,254)
Tones of #5aa4da
A tone is produced by adding gray to any pure hue. In this case, #989a9c is the less saturated color, while #3ba9f9 is the most saturated one.
-
#989a9c
#989a9c
rgb(152,154,156)
-
#909ca4
#909ca4
rgb(144,156,164)
-
#899dab
#899dab
rgb(137,157,171)
-
#819eb3
#819eb3
rgb(129,158,179)
-
#799fbb
#799fbb
rgb(121,159,187)
-
#71a0c3
#71a0c3
rgb(113,160,195)
-
#6aa2ca
#6aa2ca
rgb(106,162,202)
-
#62a3d2
#62a3d2
rgb(98,163,210)
-
#5aa4da
#5aa4da
rgb(90,164,218)
-
#52a5e2
#52a5e2
rgb(82,165,226)
-
#4aa6ea
#4aa6ea
rgb(74,166,234)
-
#43a8f1
#43a8f1
rgb(67,168,241)
-
#3ba9f9
#3ba9f9
rgb(59,169,249)
Color Blindness Simulator
Below, you can see how #5aa4da 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.