#5aa7fd Color Information
In a RGB color space, hex #5aa7fd is composed of 35.3% red, 65.5% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 64.4% cyan, 34% magenta, 0% yellow and 0.8% black. It has a hue angle of 211.7 degrees, a saturation of 97.6% and a lightness of 67.3%. #5aa7fd color hex could be obtained by blending #b4ffff with #004ffb. Closest websafe color is: #6699ff.
-
- R 35
- G 65
- B 99
-
- C 64
- M 34
- Y 0
- K 1
● #5aa7fd color description : Soft blue.
#5aa7fd Color Conversion
The hexadecimal color #5aa7fd has RGB values of R:90, G:167, B:253 and CMYK values of C:0.64, M:0.34, Y:0, K:0.01. Its decimal value is 5941245.
Hex triplet | 5aa7fd | #5aa7fd |
---|---|---|
RGB Decimal | 90, 167, 253 | rgb(90,167,253) |
RGB Percent | 35.3, 65.5, 99.2 | rgb(35.3%,65.5%,99.2%) |
CMYK | 64, 34, 0, 1 | |
HSL | 211.7°, 97.6, 67.3 | hsl(211.7,97.6%,67.3%) |
HSV (or HSB) | 211.7°, 64.4, 99.2 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 67.202, 2.329, -49.755 |
---|---|
XYZ | 35.761, 36.9, 98.161 |
xyY | 0.209, 0.216, 36.9 |
CIE-LCH | 67.202, 49.809, 272.681 |
CIE-LUV | 67.202, -31.434, -80.852 |
Hunter-Lab | 60.746, -1.223, -53.287 |
Binary | 01011010, 10100111, 11111101 |
Color Schemes with #5aa7fd
Alternatives to #5aa7fd
Below, you can see some colors close to #5aa7fd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5aa7fd Preview
This text has a font color of #5aa7fd.
<span style="color:#5aa7fd;">Text here</span>
This paragraph has a background color of #5aa7fd.
<p style="background-color:#5aa7fd;">Content here</p>
This element has a border color of #5aa7fd.
<div style="border:1px solid #5aa7fd;">Content here</div>
.text {color:#5aa7fd;}
.background {background-color:#5aa7fd;}
.border {border:1px solid #5aa7fd;}
Shades and Tints of #5aa7fd
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, #000509 is the darkest color, while #f5faff is the lightest one.
-
#000509
#000509
rgb(0,5,9)
-
#000e1d
#000e1d
rgb(0,14,29)
-
#011730
#011730
rgb(1,23,48)
-
#012044
#012044
rgb(1,32,68)
-
#012a57
#012a57
rgb(1,42,87)
-
#01336a
#01336a
rgb(1,51,106)
-
#023c7e
#023c7e
rgb(2,60,126)
-
#024591
#024591
rgb(2,69,145)
-
#024fa4
#024fa4
rgb(2,79,164)
-
#0258b8
#0258b8
rgb(2,88,184)
-
#0261cb
#0261cb
rgb(2,97,203)
-
#036bdf
#036bdf
rgb(3,107,223)
-
#0374f2
#0374f2
rgb(3,116,242)
-
#0c7efc
#0c7efc
rgb(12,126,252)
-
#2088fc
#2088fc
rgb(32,136,252)
-
#3392fd
#3392fd
rgb(51,146,253)
-
#479dfd
#479dfd
rgb(71,157,253)
-
#5aa7fd
#5aa7fd
rgb(90,167,253)
-
#6db1fd
#6db1fd
rgb(109,177,253)
-
#81bcfd
#81bcfd
rgb(129,188,253)
-
#94c6fe
#94c6fe
rgb(148,198,254)
-
#a8d0fe
#a8d0fe
rgb(168,208,254)
-
#bbdbfe
#bbdbfe
rgb(187,219,254)
-
#cee5fe
#cee5fe
rgb(206,229,254)
-
#e2efff
#e2efff
rgb(226,239,255)
-
#f5faff
#f5faff
rgb(245,250,255)
Tones of #5aa7fd
A tone is produced by adding gray to any pure hue. In this case, #a7abb0 is the less saturated color, while #5aa7fd is the most saturated one.
-
#a7abb0
#a7abb0
rgb(167,171,176)
-
#a1abb6
#a1abb6
rgb(161,171,182)
-
#9aabbd
#9aabbd
rgb(154,171,189)
-
#94aac3
#94aac3
rgb(148,170,195)
-
#8daaca
#8daaca
rgb(141,170,202)
-
#87a9d0
#87a9d0
rgb(135,169,208)
-
#81a9d6
#81a9d6
rgb(129,169,214)
-
#7aa9dd
#7aa9dd
rgb(122,169,221)
-
#74a8e3
#74a8e3
rgb(116,168,227)
-
#6da8ea
#6da8ea
rgb(109,168,234)
-
#67a8f0
#67a8f0
rgb(103,168,240)
-
#60a7f7
#60a7f7
rgb(96,167,247)
-
#5aa7fd
#5aa7fd
rgb(90,167,253)
Color Blindness Simulator
Below, you can see how #5aa7fd 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.