#5aa2ed Color Information
In a RGB color space, hex #5aa2ed is composed of 35.3% red, 63.5% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 62% cyan, 31.6% magenta, 0% yellow and 7.1% black. It has a hue angle of 210.6 degrees, a saturation of 80.3% and a lightness of 64.1%. #5aa2ed color hex could be obtained by blending #b4ffff with #0045db. Closest websafe color is: #6699ff.
-
- R 35
- G 64
- B 93
-
- C 62
- M 32
- Y 0
- K 7
● #5aa2ed color description : Soft blue.
#5aa2ed Color Conversion
The hexadecimal color #5aa2ed has RGB values of R:90, G:162, B:237 and CMYK values of C:0.62, M:0.32, Y:0, K:0.07. Its decimal value is 5939949.
Hex triplet | 5aa2ed | #5aa2ed |
---|---|---|
RGB Decimal | 90, 162, 237 | rgb(90,162,237) |
RGB Percent | 35.3, 63.5, 92.9 | rgb(35.3%,63.5%,92.9%) |
CMYK | 62, 32, 0, 7 | |
HSL | 210.6°, 80.3, 64.1 | hsl(210.6,80.3%,64.1%) |
HSV (or HSB) | 210.6°, 62, 92.9 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 65.063, -0.061, -44.387 |
---|---|
XYZ | 32.419, 34.127, 84.995 |
xyY | 0.214, 0.225, 34.127 |
CIE-LCH | 65.063, 44.387, 269.921 |
CIE-LUV | 65.063, -30.113, -71.114 |
Hunter-Lab | 58.418, -3.172, -45.371 |
Binary | 01011010, 10100010, 11101101 |
Color Schemes with #5aa2ed
Alternatives to #5aa2ed
Below, you can see some colors close to #5aa2ed. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5aa2ed Preview
This text has a font color of #5aa2ed.
<span style="color:#5aa2ed;">Text here</span>
This paragraph has a background color of #5aa2ed.
<p style="background-color:#5aa2ed;">Content here</p>
This element has a border color of #5aa2ed.
<div style="border:1px solid #5aa2ed;">Content here</div>
.text {color:#5aa2ed;}
.background {background-color:#5aa2ed;}
.border {border:1px solid #5aa2ed;}
Shades and Tints of #5aa2ed
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, #01060c is the darkest color, while #f9fcfe is the lightest one.
-
#01060c
#01060c
rgb(1,6,12)
-
#03101e
#03101e
rgb(3,16,30)
-
#051a2f
#051a2f
rgb(5,26,47)
-
#072341
#072341
rgb(7,35,65)
-
#092d53
#092d53
rgb(9,45,83)
-
#0b3764
#0b3764
rgb(11,55,100)
-
#0d4076
#0d4076
rgb(13,64,118)
-
#0f4a88
#0f4a88
rgb(15,74,136)
-
#115499
#115499
rgb(17,84,153)
-
#135dab
#135dab
rgb(19,93,171)
-
#1567bd
#1567bd
rgb(21,103,189)
-
#1771ce
#1771ce
rgb(23,113,206)
-
#187ae0
#187ae0
rgb(24,122,224)
-
#2584e7
#2584e7
rgb(37,132,231)
-
#378ee9
#378ee9
rgb(55,142,233)
-
#4898eb
#4898eb
rgb(72,152,235)
-
#5aa2ed
#5aa2ed
rgb(90,162,237)
-
#6cacef
#6cacef
rgb(108,172,239)
-
#7db6f1
#7db6f1
rgb(125,182,241)
-
#8fc0f3
#8fc0f3
rgb(143,192,243)
-
#a1caf5
#a1caf5
rgb(161,202,245)
-
#b2d4f7
#b2d4f7
rgb(178,212,247)
-
#c4def9
#c4def9
rgb(196,222,249)
-
#d6e8fb
#d6e8fb
rgb(214,232,251)
-
#e7f2fc
#e7f2fc
rgb(231,242,252)
-
#f9fcfe
#f9fcfe
rgb(249,252,254)
Tones of #5aa2ed
A tone is produced by adding gray to any pure hue. In this case, #a0a3a7 is the less saturated color, while #4ca2fb is the most saturated one.
-
#a0a3a7
#a0a3a7
rgb(160,163,167)
-
#99a3ae
#99a3ae
rgb(153,163,174)
-
#92a3b5
#92a3b5
rgb(146,163,181)
-
#8ba3bc
#8ba3bc
rgb(139,163,188)
-
#84a3c3
#84a3c3
rgb(132,163,195)
-
#7da3ca
#7da3ca
rgb(125,163,202)
-
#76a3d1
#76a3d1
rgb(118,163,209)
-
#6fa2d8
#6fa2d8
rgb(111,162,216)
-
#68a2df
#68a2df
rgb(104,162,223)
-
#61a2e6
#61a2e6
rgb(97,162,230)
-
#5aa2ed
#5aa2ed
rgb(90,162,237)
-
#53a2f4
#53a2f4
rgb(83,162,244)
-
#4ca2fb
#4ca2fb
rgb(76,162,251)
Color Blindness Simulator
Below, you can see how #5aa2ed 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.