#5aaaf2 Color Information
In a RGB color space, hex #5aaaf2 is composed of 35.3% red, 66.7% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 62.8% cyan, 29.8% magenta, 0% yellow and 5.1% black. It has a hue angle of 208.4 degrees, a saturation of 85.4% and a lightness of 65.1%. #5aaaf2 color hex could be obtained by blending #b4ffff with #0055e5. Closest websafe color is: #6699ff.
-
- R 35
- G 67
- B 95
-
- C 63
- M 30
- Y 0
- K 5
● #5aaaf2 color description : Soft blue.
#5aaaf2 Color Conversion
The hexadecimal color #5aaaf2 has RGB values of R:90, G:170, B:242 and CMYK values of C:0.63, M:0.3, Y:0, K:0.05. Its decimal value is 5942002.
Hex triplet | 5aaaf2 | #5aaaf2 |
---|---|---|
RGB Decimal | 90, 170, 242 | rgb(90,170,242) |
RGB Percent | 35.3, 66.7, 94.9 | rgb(35.3%,66.7%,94.9%) |
CMYK | 63, 30, 0, 5 | |
HSL | 208.4°, 85.4, 65.1 | hsl(208.4,85.4%,65.1%) |
HSV (or HSB) | 208.4°, 62.8, 94.9 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 67.525, -2.96, -43.257 |
---|---|
XYZ | 34.614, 37.332, 89.381 |
xyY | 0.215, 0.231, 37.332 |
CIE-LCH | 67.525, 43.358, 266.085 |
CIE-LUV | 67.525, -32.789, -69.255 |
Hunter-Lab | 61.1, -5.8, -43.964 |
Binary | 01011010, 10101010, 11110010 |
Color Schemes with #5aaaf2
Alternatives to #5aaaf2
Below, you can see some colors close to #5aaaf2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5aaaf2 Preview
This text has a font color of #5aaaf2.
<span style="color:#5aaaf2;">Text here</span>
This paragraph has a background color of #5aaaf2.
<p style="background-color:#5aaaf2;">Content here</p>
This element has a border color of #5aaaf2.
<div style="border:1px solid #5aaaf2;">Content here</div>
.text {color:#5aaaf2;}
.background {background-color:#5aaaf2;}
.border {border:1px solid #5aaaf2;}
Shades and Tints of #5aaaf2
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, #010911 is the darkest color, while #fefeff is the lightest one.
-
#010911
#010911
rgb(1,9,17)
-
#031423
#031423
rgb(3,20,35)
-
#041e35
#041e35
rgb(4,30,53)
-
#062847
#062847
rgb(6,40,71)
-
#07325a
#07325a
rgb(7,50,90)
-
#083d6c
#083d6c
rgb(8,61,108)
-
#0a477e
#0a477e
rgb(10,71,126)
-
#0b5190
#0b5190
rgb(11,81,144)
-
#0d5ba2
#0d5ba2
rgb(13,91,162)
-
#0e66b4
#0e66b4
rgb(14,102,180)
-
#1070c7
#1070c7
rgb(16,112,199)
-
#117ad9
#117ad9
rgb(17,122,217)
-
#1384eb
#1384eb
rgb(19,132,235)
-
#238eee
#238eee
rgb(35,142,238)
-
#3697ef
#3697ef
rgb(54,151,239)
-
#48a1f1
#48a1f1
rgb(72,161,241)
-
#5aaaf2
#5aaaf2
rgb(90,170,242)
-
#6cb3f3
#6cb3f3
rgb(108,179,243)
-
#7ebdf5
#7ebdf5
rgb(126,189,245)
-
#91c6f6
#91c6f6
rgb(145,198,246)
-
#a3cff8
#a3cff8
rgb(163,207,248)
-
#b5d9f9
#b5d9f9
rgb(181,217,249)
-
#c7e2fb
#c7e2fb
rgb(199,226,251)
-
#d9ecfc
#d9ecfc
rgb(217,236,252)
-
#ebf5fd
#ebf5fd
rgb(235,245,253)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #5aaaf2
A tone is produced by adding gray to any pure hue. In this case, #a5a6a7 is the less saturated color, while #53aaf9 is the most saturated one.
-
#a5a6a7
#a5a6a7
rgb(165,166,167)
-
#9ea6ae
#9ea6ae
rgb(158,166,174)
-
#98a7b4
#98a7b4
rgb(152,167,180)
-
#91a7bb
#91a7bb
rgb(145,167,187)
-
#8aa7c2
#8aa7c2
rgb(138,167,194)
-
#83a8c9
#83a8c9
rgb(131,168,201)
-
#7ca8d0
#7ca8d0
rgb(124,168,208)
-
#75a9d7
#75a9d7
rgb(117,169,215)
-
#6fa9dd
#6fa9dd
rgb(111,169,221)
-
#68a9e4
#68a9e4
rgb(104,169,228)
-
#61aaeb
#61aaeb
rgb(97,170,235)
-
#5aaaf2
#5aaaf2
rgb(90,170,242)
-
#53aaf9
#53aaf9
rgb(83,170,249)
Color Blindness Simulator
Below, you can see how #5aaaf2 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.