#564afa Color Information
In a RGB color space, hex #564afa is composed of 33.7% red, 29% green and 98% blue. Whereas in a CMYK color space, it is composed of 65.6% cyan, 70.4% magenta, 0% yellow and 2% black. It has a hue angle of 244.1 degrees, a saturation of 94.6% and a lightness of 63.5%. #564afa color hex could be obtained by blending #ac94ff with #0000f5. Closest websafe color is: #6633ff.
-
- R 34
- G 29
- B 98
-
- C 66
- M 70
- Y 0
- K 2
● #564afa color description : Bright blue.
#564afa Color Conversion
The hexadecimal color #564afa has RGB values of R:86, G:74, B:250 and CMYK values of C:0.66, M:0.7, Y:0, K:0.02. Its decimal value is 5655290.
Hex triplet | 564afa | #564afa |
---|---|---|
RGB Decimal | 86, 74, 250 | rgb(86,74,250) |
RGB Percent | 33.7, 29, 98 | rgb(33.7%,29%,98%) |
CMYK | 66, 70, 0, 2 | |
HSL | 244.1°, 94.6, 63.5 | hsl(244.1,94.6%,63.5%) |
HSV (or HSB) | 244.1°, 70.4, 98 | |
Web Safe | 6633ff | #6633ff |
CIE-LAB | 43.911, 55.752, -85.683 |
---|---|
XYZ | 23.538, 13.777, 91.856 |
xyY | 0.182, 0.107, 13.777 |
CIE-LCH | 43.911, 102.225, 303.051 |
CIE-LUV | 43.911, -6.666, -127.399 |
Hunter-Lab | 37.117, 48.243, -120.746 |
Binary | 01010110, 01001010, 11111010 |
Color Schemes with #564afa
Alternatives to #564afa
Below, you can see some colors close to #564afa. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#564afa Preview
This text has a font color of #564afa.
<span style="color:#564afa;">Text here</span>
This paragraph has a background color of #564afa.
<p style="background-color:#564afa;">Content here</p>
This element has a border color of #564afa.
<div style="border:1px solid #564afa;">Content here</div>
.text {color:#564afa;}
.background {background-color:#564afa;}
.border {border:1px solid #564afa;}
Shades and Tints of #564afa
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, #01000a is the darkest color, while #f6f6ff is the lightest one.
-
#01000a
#01000a
rgb(1,0,10)
-
#03011d
#03011d
rgb(3,1,29)
-
#050130
#050130
rgb(5,1,48)
-
#060243
#060243
rgb(6,2,67)
-
#080256
#080256
rgb(8,2,86)
-
#0a0369
#0a0369
rgb(10,3,105)
-
#0c037c
#0c037c
rgb(12,3,124)
-
#0d048f
#0d048f
rgb(13,4,143)
-
#0f04a3
#0f04a3
rgb(15,4,163)
-
#1105b6
#1105b6
rgb(17,5,182)
-
#1306c9
#1306c9
rgb(19,6,201)
-
#1506dc
#1506dc
rgb(21,6,220)
-
#1607ef
#1607ef
rgb(22,7,239)
-
#2111f8
#2111f8
rgb(33,17,248)
-
#3224f9
#3224f9
rgb(50,36,249)
-
#4437f9
#4437f9
rgb(68,55,249)
-
#564afa
#564afa
rgb(86,74,250)
-
#685dfb
#685dfb
rgb(104,93,251)
-
#7a70fb
#7a70fb
rgb(122,112,251)
-
#8b83fc
#8b83fc
rgb(139,131,252)
-
#9d96fc
#9d96fc
rgb(157,150,252)
-
#afa9fd
#afa9fd
rgb(175,169,253)
-
#c1bdfd
#c1bdfd
rgb(193,189,253)
-
#d3d0fe
#d3d0fe
rgb(211,208,254)
-
#e5e3fe
#e5e3fe
rgb(229,227,254)
-
#f6f6ff
#f6f6ff
rgb(246,246,255)
Tones of #564afa
A tone is produced by adding gray to any pure hue. In this case, #a0a0a4 is the less saturated color, while #564afa is the most saturated one.
-
#a0a0a4
#a0a0a4
rgb(160,160,164)
-
#9a99ab
#9a99ab
rgb(154,153,171)
-
#9492b2
#9492b2
rgb(148,146,178)
-
#8e8aba
#8e8aba
rgb(142,138,186)
-
#8783c1
#8783c1
rgb(135,131,193)
-
#817cc8
#817cc8
rgb(129,124,200)
-
#7b75cf
#7b75cf
rgb(123,117,207)
-
#756ed6
#756ed6
rgb(117,110,214)
-
#6f67dd
#6f67dd
rgb(111,103,221)
-
#695fe5
#695fe5
rgb(105,95,229)
-
#6258ec
#6258ec
rgb(98,88,236)
-
#5c51f3
#5c51f3
rgb(92,81,243)
-
#564afa
#564afa
rgb(86,74,250)
Color Blindness Simulator
Below, you can see how #564afa 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.