#5a62ff Color Information
In a RGB color space, hex #5a62ff is composed of 35.3% red, 38.4% green and 100% blue. Whereas in a CMYK color space, it is composed of 64.7% cyan, 61.6% magenta, 0% yellow and 0% black. It has a hue angle of 237.1 degrees, a saturation of 100% and a lightness of 67.6%. #5a62ff color hex could be obtained by blending #b4c4ff with #0000ff. Closest websafe color is: #6666ff.
-
- R 35
- G 38
- B 100
-
- C 65
- M 62
- Y 0
- K 0
● #5a62ff color description : Light blue.
#5a62ff Color Conversion
The hexadecimal color #5a62ff has RGB values of R:90, G:98, B:255 and CMYK values of C:0.65, M:0.62, Y:0, K:0. Its decimal value is 5923583.
Hex triplet | 5a62ff | #5a62ff |
---|---|---|
RGB Decimal | 90, 98, 255 | rgb(90,98,255) |
RGB Percent | 35.3, 38.4, 100 | rgb(35.3%,38.4%,100%) |
CMYK | 65, 62, 0, 0 | |
HSL | 237.1°, 100, 67.6 | hsl(237.1,100%,67.6%) |
HSV (or HSB) | 237.1°, 64.7, 100 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 49.651, 44.201, -79.052 |
---|---|
XYZ | 26.631, 18.128, 96.698 |
xyY | 0.188, 0.128, 18.128 |
CIE-LCH | 49.651, 90.57, 299.211 |
CIE-LUV | 49.651, -10.893, -123.394 |
Hunter-Lab | 42.577, 37.138, -104.853 |
Binary | 01011010, 01100010, 11111111 |
Color Schemes with #5a62ff
Alternatives to #5a62ff
Below, you can see some colors close to #5a62ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5a62ff Preview
This text has a font color of #5a62ff.
<span style="color:#5a62ff;">Text here</span>
This paragraph has a background color of #5a62ff.
<p style="background-color:#5a62ff;">Content here</p>
This element has a border color of #5a62ff.
<div style="border:1px solid #5a62ff;">Content here</div>
.text {color:#5a62ff;}
.background {background-color:#5a62ff;}
.border {border:1px solid #5a62ff;}
Shades and Tints of #5a62ff
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, #00010c is the darkest color, while #f7f7ff is the lightest one.
-
#00010c
#00010c
rgb(0,1,12)
-
#00021f
#00021f
rgb(0,2,31)
-
#000233
#000233
rgb(0,2,51)
-
#000346
#000346
rgb(0,3,70)
-
#00045a
#00045a
rgb(0,4,90)
-
#00056e
#00056e
rgb(0,5,110)
-
#000681
#000681
rgb(0,6,129)
-
#000795
#000795
rgb(0,7,149)
-
#0008a8
#0008a8
rgb(0,8,168)
-
#0009bc
#0009bc
rgb(0,9,188)
-
#000ad0
#000ad0
rgb(0,10,208)
-
#000be3
#000be3
rgb(0,11,227)
-
#000cf7
#000cf7
rgb(0,12,247)
-
#0c17ff
#0c17ff
rgb(12,23,255)
-
#1f2aff
#1f2aff
rgb(31,42,255)
-
#333dff
#333dff
rgb(51,61,255)
-
#464fff
#464fff
rgb(70,79,255)
-
#5a62ff
#5a62ff
rgb(90,98,255)
-
#6e75ff
#6e75ff
rgb(110,117,255)
-
#8187ff
#8187ff
rgb(129,135,255)
-
#959aff
#959aff
rgb(149,154,255)
-
#a8adff
#a8adff
rgb(168,173,255)
-
#bcbfff
#bcbfff
rgb(188,191,255)
-
#d0d2ff
#d0d2ff
rgb(208,210,255)
-
#e3e5ff
#e3e5ff
rgb(227,229,255)
-
#f7f7ff
#f7f7ff
rgb(247,247,255)
Tones of #5a62ff
A tone is produced by adding gray to any pure hue. In this case, #a6a7b3 is the less saturated color, while #5a62ff is the most saturated one.
-
#a6a7b3
#a6a7b3
rgb(166,167,179)
-
#a0a1b9
#a0a1b9
rgb(160,161,185)
-
#999bc0
#999bc0
rgb(153,155,192)
-
#9396c6
#9396c6
rgb(147,150,198)
-
#8d90cc
#8d90cc
rgb(141,144,204)
-
#868ad3
#868ad3
rgb(134,138,211)
-
#8084d9
#8084d9
rgb(128,132,217)
-
#7a7fdf
#7a7fdf
rgb(122,127,223)
-
#7379e6
#7379e6
rgb(115,121,230)
-
#6d73ec
#6d73ec
rgb(109,115,236)
-
#676df2
#676df2
rgb(103,109,242)
-
#6068f9
#6068f9
rgb(96,104,249)
-
#5a62ff
#5a62ff
rgb(90,98,255)
Color Blindness Simulator
Below, you can see how #5a62ff 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.