#5a7df6 Color Information
In a RGB color space, hex #5a7df6 is composed of 35.3% red, 49% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 63.4% cyan, 49.2% magenta, 0% yellow and 3.5% black. It has a hue angle of 226.5 degrees, a saturation of 89.7% and a lightness of 65.9%. #5a7df6 color hex could be obtained by blending #b4faff with #0000ed. Closest websafe color is: #6666ff.
-
- R 35
- G 49
- B 96
-
- C 63
- M 49
- Y 0
- K 4
● #5a7df6 color description : Soft blue.
#5a7df6 Color Conversion
The hexadecimal color #5a7df6 has RGB values of R:90, G:125, B:246 and CMYK values of C:0.63, M:0.49, Y:0, K:0.04. Its decimal value is 5930486.
Hex triplet | 5a7df6 | #5a7df6 |
---|---|---|
RGB Decimal | 90, 125, 246 | rgb(90,125,246) |
RGB Percent | 35.3, 49, 96.5 | rgb(35.3%,49%,96.5%) |
CMYK | 63, 49, 0, 4 | |
HSL | 226.5°, 89.7, 65.9 | hsl(226.5,89.7%,65.9%) |
HSV (or HSB) | 226.5°, 63.4, 96.5 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 55.577, 24.888, -64.451 |
---|---|
XYZ | 28.181, 23.493, 90.233 |
xyY | 0.199, 0.166, 23.493 |
CIE-LCH | 55.577, 69.09, 291.115 |
CIE-LUV | 55.577, -17.887, -103.812 |
Hunter-Lab | 48.47, 18.961, -76.448 |
Binary | 01011010, 01111101, 11110110 |
Color Schemes with #5a7df6
Alternatives to #5a7df6
Below, you can see some colors close to #5a7df6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5a7df6 Preview
This text has a font color of #5a7df6.
<span style="color:#5a7df6;">Text here</span>
This paragraph has a background color of #5a7df6.
<p style="background-color:#5a7df6;">Content here</p>
This element has a border color of #5a7df6.
<div style="border:1px solid #5a7df6;">Content here</div>
.text {color:#5a7df6;}
.background {background-color:#5a7df6;}
.border {border:1px solid #5a7df6;}
Shades and Tints of #5a7df6
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, #000102 is the darkest color, while #eff2fe is the lightest one.
-
#000102
#000102
rgb(0,1,2)
-
#010615
#010615
rgb(1,6,21)
-
#020b28
#020b28
rgb(2,11,40)
-
#03103a
#03103a
rgb(3,16,58)
-
#04144d
#04144d
rgb(4,20,77)
-
#05195f
#05195f
rgb(5,25,95)
-
#061e72
#061e72
rgb(6,30,114)
-
#072385
#072385
rgb(7,35,133)
-
#082897
#082897
rgb(8,40,151)
-
#092daa
#092daa
rgb(9,45,170)
-
#0a32bc
#0a32bc
rgb(10,50,188)
-
#0b37cf
#0b37cf
rgb(11,55,207)
-
#0c3ce2
#0c3ce2
rgb(12,60,226)
-
#1042f2
#1042f2
rgb(16,66,242)
-
#2251f3
#2251f3
rgb(34,81,243)
-
#3560f4
#3560f4
rgb(53,96,244)
-
#476ef5
#476ef5
rgb(71,110,245)
-
#5a7df6
#5a7df6
rgb(90,125,246)
-
#6d8cf7
#6d8cf7
rgb(109,140,247)
-
#7f9af8
#7f9af8
rgb(127,154,248)
-
#92a9f9
#92a9f9
rgb(146,169,249)
-
#a4b8fa
#a4b8fa
rgb(164,184,250)
-
#b7c6fb
#b7c6fb
rgb(183,198,251)
-
#cad5fc
#cad5fc
rgb(202,213,252)
-
#dce4fd
#dce4fd
rgb(220,228,253)
-
#eff2fe
#eff2fe
rgb(239,242,254)
Tones of #5a7df6
A tone is produced by adding gray to any pure hue. In this case, #a4a6ac is the less saturated color, while #5379fd is the most saturated one.
-
#a4a6ac
#a4a6ac
rgb(164,166,172)
-
#9da2b3
#9da2b3
rgb(157,162,179)
-
#969eba
#969eba
rgb(150,158,186)
-
#909bc0
#909bc0
rgb(144,155,192)
-
#8997c7
#8997c7
rgb(137,151,199)
-
#8293ce
#8293ce
rgb(130,147,206)
-
#7b8fd5
#7b8fd5
rgb(123,143,213)
-
#758cdb
#758cdb
rgb(117,140,219)
-
#6e88e2
#6e88e2
rgb(110,136,226)
-
#6784e9
#6784e9
rgb(103,132,233)
-
#6181ef
#6181ef
rgb(97,129,239)
-
#5a7df6
#5a7df6
rgb(90,125,246)
-
#5379fd
#5379fd
rgb(83,121,253)
Color Blindness Simulator
Below, you can see how #5a7df6 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.