#563add Color Information
In a RGB color space, hex #563add is composed of 33.7% red, 22.7% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 61.1% cyan, 73.8% magenta, 0% yellow and 13.3% black. It has a hue angle of 250.3 degrees, a saturation of 70.6% and a lightness of 54.7%. #563add color hex could be obtained by blending #ac74ff with #0000bb. Closest websafe color is: #6633cc.
-
- R 34
- G 23
- B 87
-
- C 61
- M 74
- Y 0
- K 13
● #563add color description : Bright blue.
#563add Color Conversion
The hexadecimal color #563add has RGB values of R:86, G:58, B:221 and CMYK values of C:0.61, M:0.74, Y:0, K:0.13. Its decimal value is 5651165.
Hex triplet | 563add | #563add |
---|---|---|
RGB Decimal | 86, 58, 221 | rgb(86,58,221) |
RGB Percent | 33.7, 22.7, 86.7 | rgb(33.7%,22.7%,86.7%) |
CMYK | 61, 74, 0, 13 | |
HSL | 250.3°, 70.6, 54.7 | hsl(250.3,70.6%,54.7%) |
HSV (or HSB) | 250.3°, 73.8, 86.7 | |
Web Safe | 6633cc | #6633cc |
CIE-LAB | 38.242, 55.439, -78.604 |
---|---|
XYZ | 18.399, 10.224, 69.407 |
xyY | 0.188, 0.104, 10.224 |
CIE-LCH | 38.242, 96.188, 305.195 |
CIE-LUV | 38.242, -2.065, -112.44 |
Hunter-Lab | 31.975, 46.756, -106.313 |
Binary | 01010110, 00111010, 11011101 |
Color Schemes with #563add
Alternatives to #563add
Below, you can see some colors close to #563add. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#563add Preview
This text has a font color of #563add.
<span style="color:#563add;">Text here</span>
This paragraph has a background color of #563add.
<p style="background-color:#563add;">Content here</p>
This element has a border color of #563add.
<div style="border:1px solid #563add;">Content here</div>
.text {color:#563add;}
.background {background-color:#563add;}
.border {border:1px solid #563add;}
Shades and Tints of #563add
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, #010104 is the darkest color, while #f4f2fd is the lightest one.
-
#010104
#010104
rgb(1,1,4)
-
#060414
#060414
rgb(6,4,20)
-
#0c0625
#0c0625
rgb(12,6,37)
-
#110936
#110936
rgb(17,9,54)
-
#160c47
#160c47
rgb(22,12,71)
-
#1c0f57
#1c0f57
rgb(28,15,87)
-
#211268
#211268
rgb(33,18,104)
-
#261579
#261579
rgb(38,21,121)
-
#2b188a
#2b188a
rgb(43,24,138)
-
#311b9a
#311b9a
rgb(49,27,154)
-
#361eab
#361eab
rgb(54,30,171)
-
#3b20bc
#3b20bc
rgb(59,32,188)
-
#4023cc
#4023cc
rgb(64,35,204)
-
#4829da
#4829da
rgb(72,41,218)
-
#563add
#563add
rgb(86,58,221)
-
#644be0
#644be0
rgb(100,75,224)
-
#735be3
#735be3
rgb(115,91,227)
-
#816ce6
#816ce6
rgb(129,108,230)
-
#8f7de9
#8f7de9
rgb(143,125,233)
-
#9e8eeb
#9e8eeb
rgb(158,142,235)
-
#ac9eee
#ac9eee
rgb(172,158,238)
-
#baaff1
#baaff1
rgb(186,175,241)
-
#c9c0f4
#c9c0f4
rgb(201,192,244)
-
#d7d1f7
#d7d1f7
rgb(215,209,247)
-
#e6e1fa
#e6e1fa
rgb(230,225,250)
-
#f4f2fd
#f4f2fd
rgb(244,242,253)
Tones of #563add
A tone is produced by adding gray to any pure hue. In this case, #8a8a8d is the less saturated color, while #451ff8 is the most saturated one.
-
#8a8a8d
#8a8a8d
rgb(138,138,141)
-
#858196
#858196
rgb(133,129,150)
-
#7f789f
#7f789f
rgb(127,120,159)
-
#796fa8
#796fa8
rgb(121,111,168)
-
#7366b1
#7366b1
rgb(115,102,177)
-
#6d5eb9
#6d5eb9
rgb(109,94,185)
-
#6755c2
#6755c2
rgb(103,85,194)
-
#624ccb
#624ccb
rgb(98,76,203)
-
#5c43d4
#5c43d4
rgb(92,67,212)
-
#563add
#563add
rgb(86,58,221)
-
#5031e6
#5031e6
rgb(80,49,230)
-
#4a28ef
#4a28ef
rgb(74,40,239)
-
#451ff8
#451ff8
rgb(69,31,248)
Color Blindness Simulator
Below, you can see how #563add 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.