#5646ff Color Information
In a RGB color space, hex #5646ff is composed of 33.7% red, 27.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 66.3% cyan, 72.5% magenta, 0% yellow and 0% black. It has a hue angle of 245.2 degrees, a saturation of 100% and a lightness of 63.7%. #5646ff color hex could be obtained by blending #ac8cff with #0000ff. Closest websafe color is: #6633ff.
-
- R 34
- G 27
- B 100
-
- C 66
- M 73
- Y 0
- K 0
● #5646ff color description : Light blue.
#5646ff Color Conversion
The hexadecimal color #5646ff has RGB values of R:86, G:70, B:255 and CMYK values of C:0.66, M:0.73, Y:0, K:0. Its decimal value is 5654271.
Hex triplet | 5646ff | #5646ff |
---|---|---|
RGB Decimal | 86, 70, 255 | rgb(86,70,255) |
RGB Percent | 33.7, 27.5, 100 | rgb(33.7%,27.5%,100%) |
CMYK | 66, 73, 0, 0 | |
HSL | 245.2°, 100, 63.7 | hsl(245.2,100%,63.7%) |
HSV (or HSB) | 245.2°, 72.5, 100 | |
Web Safe | 6633ff | #6633ff |
CIE-LAB | 43.621, 59.369, -88.954 |
---|---|
XYZ | 24.074, 13.578, 95.954 |
xyY | 0.18, 0.102, 13.578 |
CIE-LCH | 43.621, 106.946, 303.72 |
CIE-LUV | 43.621, -6.279, -131.184 |
Hunter-Lab | 36.848, 52.139, -128.602 |
Binary | 01010110, 01000110, 11111111 |
Color Schemes with #5646ff
Alternatives to #5646ff
Below, you can see some colors close to #5646ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5646ff Preview
This text has a font color of #5646ff.
<span style="color:#5646ff;">Text here</span>
This paragraph has a background color of #5646ff.
<p style="background-color:#5646ff;">Content here</p>
This element has a border color of #5646ff.
<div style="border:1px solid #5646ff;">Content here</div>
.text {color:#5646ff;}
.background {background-color:#5646ff;}
.border {border:1px solid #5646ff;}
Shades and Tints of #5646ff
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, #01000b is the darkest color, while #f7f7ff is the lightest one.
-
#01000b
#01000b
rgb(1,0,11)
-
#03001f
#03001f
rgb(3,0,31)
-
#040032
#040032
rgb(4,0,50)
-
#060046
#060046
rgb(6,0,70)
-
#08005a
#08005a
rgb(8,0,90)
-
#09006d
#09006d
rgb(9,0,109)
-
#0b0081
#0b0081
rgb(11,0,129)
-
#0d0094
#0d0094
rgb(13,0,148)
-
#0f00a8
#0f00a8
rgb(15,0,168)
-
#1000bc
#1000bc
rgb(16,0,188)
-
#1200cf
#1200cf
rgb(18,0,207)
-
#1400e3
#1400e3
rgb(20,0,227)
-
#1500f7
#1500f7
rgb(21,0,247)
-
#200bff
#200bff
rgb(32,11,255)
-
#321fff
#321fff
rgb(50,31,255)
-
#4432ff
#4432ff
rgb(68,50,255)
-
#5646ff
#5646ff
rgb(86,70,255)
-
#685aff
#685aff
rgb(104,90,255)
-
#7a6dff
#7a6dff
rgb(122,109,255)
-
#8c81ff
#8c81ff
rgb(140,129,255)
-
#9e94ff
#9e94ff
rgb(158,148,255)
-
#b0a8ff
#b0a8ff
rgb(176,168,255)
-
#c2bcff
#c2bcff
rgb(194,188,255)
-
#d3cfff
#d3cfff
rgb(211,207,255)
-
#e5e3ff
#e5e3ff
rgb(229,227,255)
-
#f7f7ff
#f7f7ff
rgb(247,247,255)
Tones of #5646ff
A tone is produced by adding gray to any pure hue. In this case, #9d9baa is the less saturated color, while #5646ff is the most saturated one.
-
#9d9baa
#9d9baa
rgb(157,155,170)
-
#9794b1
#9794b1
rgb(151,148,177)
-
#918db8
#918db8
rgb(145,141,184)
-
#8b86bf
#8b86bf
rgb(139,134,191)
-
#857fc6
#857fc6
rgb(133,127,198)
-
#7f78cd
#7f78cd
rgb(127,120,205)
-
#7971d4
#7971d4
rgb(121,113,212)
-
#736adb
#736adb
rgb(115,106,219)
-
#6e62e3
#6e62e3
rgb(110,98,227)
-
#685bea
#685bea
rgb(104,91,234)
-
#6254f1
#6254f1
rgb(98,84,241)
-
#5c4df8
#5c4df8
rgb(92,77,248)
-
#5646ff
#5646ff
rgb(86,70,255)
Color Blindness Simulator
Below, you can see how #5646ff 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.