#5a9afd Color Information
In a RGB color space, hex #5a9afd is composed of 35.3% red, 60.4% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 64.4% cyan, 39.1% magenta, 0% yellow and 0.8% black. It has a hue angle of 216.4 degrees, a saturation of 97.6% and a lightness of 67.3%. #5a9afd color hex could be obtained by blending #b4ffff with #0035fb. Closest websafe color is: #6699ff.
-
- R 35
- G 60
- B 99
-
- C 64
- M 39
- Y 0
- K 1
● #5a9afd color description : Soft blue.
#5a9afd Color Conversion
The hexadecimal color #5a9afd has RGB values of R:90, G:154, B:253 and CMYK values of C:0.64, M:0.39, Y:0, K:0.01. Its decimal value is 5937917.
Hex triplet | 5a9afd | #5a9afd |
---|---|---|
RGB Decimal | 90, 154, 253 | rgb(90,154,253) |
RGB Percent | 35.3, 60.4, 99.2 | rgb(35.3%,60.4%,99.2%) |
CMYK | 64, 39, 0, 1 | |
HSL | 216.4°, 97.6, 67.3 | hsl(216.4,97.6%,67.3%) |
HSV (or HSB) | 216.4°, 64.4, 99.2 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 63.651, 9.855, -55.381 |
---|---|
XYZ | 33.498, 32.375, 97.407 |
xyY | 0.205, 0.198, 32.375 |
CIE-LCH | 63.651, 56.251, 280.09 |
CIE-LUV | 63.651, -27.051, -90.369 |
Hunter-Lab | 56.899, 5.515, -61.672 |
Binary | 01011010, 10011010, 11111101 |
Color Schemes with #5a9afd
Alternatives to #5a9afd
Below, you can see some colors close to #5a9afd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5a9afd Preview
This text has a font color of #5a9afd.
<span style="color:#5a9afd;">Text here</span>
This paragraph has a background color of #5a9afd.
<p style="background-color:#5a9afd;">Content here</p>
This element has a border color of #5a9afd.
<div style="border:1px solid #5a9afd;">Content here</div>
.text {color:#5a9afd;}
.background {background-color:#5a9afd;}
.border {border:1px solid #5a9afd;}
Shades and Tints of #5a9afd
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, #000409 is the darkest color, while #f5f9ff is the lightest one.
-
#000409
#000409
rgb(0,4,9)
-
#000c1d
#000c1d
rgb(0,12,29)
-
#011330
#011330
rgb(1,19,48)
-
#011b44
#011b44
rgb(1,27,68)
-
#012357
#012357
rgb(1,35,87)
-
#012b6a
#012b6a
rgb(1,43,106)
-
#02327e
#02327e
rgb(2,50,126)
-
#023a91
#023a91
rgb(2,58,145)
-
#0242a4
#0242a4
rgb(2,66,164)
-
#024ab8
#024ab8
rgb(2,74,184)
-
#0251cb
#0251cb
rgb(2,81,203)
-
#0359df
#0359df
rgb(3,89,223)
-
#0361f2
#0361f2
rgb(3,97,242)
-
#0c6bfc
#0c6bfc
rgb(12,107,252)
-
#2076fc
#2076fc
rgb(32,118,252)
-
#3382fd
#3382fd
rgb(51,130,253)
-
#478efd
#478efd
rgb(71,142,253)
-
#5a9afd
#5a9afd
rgb(90,154,253)
-
#6da6fd
#6da6fd
rgb(109,166,253)
-
#81b2fd
#81b2fd
rgb(129,178,253)
-
#94befe
#94befe
rgb(148,190,254)
-
#a8c9fe
#a8c9fe
rgb(168,201,254)
-
#bbd5fe
#bbd5fe
rgb(187,213,254)
-
#cee1fe
#cee1fe
rgb(206,225,254)
-
#e2edff
#e2edff
rgb(226,237,255)
-
#f5f9ff
#f5f9ff
rgb(245,249,255)
Tones of #5a9afd
A tone is produced by adding gray to any pure hue. In this case, #a7abb0 is the less saturated color, while #5a9afd is the most saturated one.
-
#a7abb0
#a7abb0
rgb(167,171,176)
-
#a1a9b6
#a1a9b6
rgb(161,169,182)
-
#9aa8bd
#9aa8bd
rgb(154,168,189)
-
#94a6c3
#94a6c3
rgb(148,166,195)
-
#8da5ca
#8da5ca
rgb(141,165,202)
-
#87a4d0
#87a4d0
rgb(135,164,208)
-
#81a2d6
#81a2d6
rgb(129,162,214)
-
#7aa1dd
#7aa1dd
rgb(122,161,221)
-
#74a0e3
#74a0e3
rgb(116,160,227)
-
#6d9eea
#6d9eea
rgb(109,158,234)
-
#679df0
#679df0
rgb(103,157,240)
-
#609bf7
#609bf7
rgb(96,155,247)
-
#5a9afd
#5a9afd
rgb(90,154,253)
Color Blindness Simulator
Below, you can see how #5a9afd 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.