#564ce2 Color Information
In a RGB color space, hex #564ce2 is composed of 33.7% red, 29.8% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 61.9% cyan, 66.4% magenta, 0% yellow and 11.4% black. It has a hue angle of 244 degrees, a saturation of 72.1% and a lightness of 59.2%. #564ce2 color hex could be obtained by blending #ac98ff with #0000c5. Closest websafe color is: #6633cc.
-
- R 34
- G 30
- B 89
-
- C 62
- M 66
- Y 0
- K 11
● #564ce2 color description : Soft blue.
#564ce2 Color Conversion
The hexadecimal color #564ce2 has RGB values of R:86, G:76, B:226 and CMYK values of C:0.62, M:0.66, Y:0, K:0.11. Its decimal value is 5655778.
Hex triplet | 564ce2 | #564ce2 |
---|---|---|
RGB Decimal | 86, 76, 226 | rgb(86,76,226) |
RGB Percent | 33.7, 29.8, 88.6 | rgb(33.7%,29.8%,88.6%) |
CMYK | 62, 66, 0, 11 | |
HSL | 244°, 72.1, 59.2 | hsl(244,72.1%,59.2%) |
HSV (or HSB) | 244°, 66.4, 88.6 | |
Web Safe | 6633cc | #6633cc |
CIE-LAB | 42.212, 47.209, -74.94 |
---|---|
XYZ | 20.147, 12.637, 73.325 |
xyY | 0.19, 0.119, 12.637 |
CIE-LCH | 42.212, 88.57, 302.209 |
CIE-LUV | 42.212, -5.645, -111.746 |
Hunter-Lab | 35.549, 38.951, -97.409 |
Binary | 01010110, 01001100, 11100010 |
Color Schemes with #564ce2
Alternatives to #564ce2
Below, you can see some colors close to #564ce2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#564ce2 Preview
This text has a font color of #564ce2.
<span style="color:#564ce2;">Text here</span>
This paragraph has a background color of #564ce2.
<p style="background-color:#564ce2;">Content here</p>
This element has a border color of #564ce2.
<div style="border:1px solid #564ce2;">Content here</div>
.text {color:#564ce2;}
.background {background-color:#564ce2;}
.border {border:1px solid #564ce2;}
Shades and Tints of #564ce2
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, #010107 is the darkest color, while #f5f5fd is the lightest one.
-
#010107
#010107
rgb(1,1,7)
-
#050418
#050418
rgb(5,4,24)
-
#090728
#090728
rgb(9,7,40)
-
#0c0939
#0c0939
rgb(12,9,57)
-
#100c4a
#100c4a
rgb(16,12,74)
-
#140f5b
#140f5b
rgb(20,15,91)
-
#18116c
#18116c
rgb(24,17,108)
-
#1b147d
#1b147d
rgb(27,20,125)
-
#1f178e
#1f178e
rgb(31,23,142)
-
#231a9f
#231a9f
rgb(35,26,159)
-
#261caf
#261caf
rgb(38,28,175)
-
#2a1fc0
#2a1fc0
rgb(42,31,192)
-
#2e22d1
#2e22d1
rgb(46,34,209)
-
#362add
#362add
rgb(54,42,221)
-
#463bdf
#463bdf
rgb(70,59,223)
-
#564ce2
#564ce2
rgb(86,76,226)
-
#665de5
#665de5
rgb(102,93,229)
-
#766ee7
#766ee7
rgb(118,110,231)
-
#867fea
#867fea
rgb(134,127,234)
-
#9690ed
#9690ed
rgb(150,144,237)
-
#a6a0f0
#a6a0f0
rgb(166,160,240)
-
#b6b1f2
#b6b1f2
rgb(182,177,242)
-
#c6c2f5
#c6c2f5
rgb(198,194,245)
-
#d6d3f8
#d6d3f8
rgb(214,211,248)
-
#e5e4fb
#e5e4fb
rgb(229,228,251)
-
#f5f5fd
#f5f5fd
rgb(245,245,253)
Tones of #564ce2
A tone is produced by adding gray to any pure hue. In this case, #94949a is the less saturated color, while #4134fa is the most saturated one.
-
#94949a
#94949a
rgb(148,148,154)
-
#8d8ca2
#8d8ca2
rgb(141,140,162)
-
#8784aa
#8784aa
rgb(135,132,170)
-
#807cb2
#807cb2
rgb(128,124,178)
-
#7974ba
#7974ba
rgb(121,116,186)
-
#726cc2
#726cc2
rgb(114,108,194)
-
#6b64ca
#6b64ca
rgb(107,100,202)
-
#645cd2
#645cd2
rgb(100,92,210)
-
#5d54da
#5d54da
rgb(93,84,218)
-
#564ce2
#564ce2
rgb(86,76,226)
-
#4f44ea
#4f44ea
rgb(79,68,234)
-
#483cf2
#483cf2
rgb(72,60,242)
-
#4134fa
#4134fa
rgb(65,52,250)
Color Blindness Simulator
Below, you can see how #564ce2 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.