#6563f0 Color Information
In a RGB color space, hex #6563f0 is composed of 39.6% red, 38.8% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 57.9% cyan, 58.8% magenta, 0% yellow and 5.9% black. It has a hue angle of 240.9 degrees, a saturation of 82.5% and a lightness of 66.5%. #6563f0 color hex could be obtained by blending #cac6ff with #0000e1. Closest websafe color is: #6666ff.
-
- R 40
- G 39
- B 94
-
- C 58
- M 59
- Y 0
- K 6
● #6563f0 color description : Soft blue.
#6563f0 Color Conversion
The hexadecimal color #6563f0 has RGB values of R:101, G:99, B:240 and CMYK values of C:0.58, M:0.59, Y:0, K:0.06. Its decimal value is 6644720.
Hex triplet | 6563f0 | #6563f0 |
---|---|---|
RGB Decimal | 101, 99, 240 | rgb(101,99,240) |
RGB Percent | 39.6, 38.8, 94.1 | rgb(39.6%,38.8%,94.1%) |
CMYK | 58, 59, 0, 6 | |
HSL | 240.9°, 82.5, 66.5 | hsl(240.9,82.5%,66.5%) |
HSV (or HSB) | 240.9°, 58.8, 94.1 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 49.473, 40.498, -70.951 |
---|---|
XYZ | 25.554, 17.981, 84.557 |
xyY | 0.199, 0.14, 17.981 |
CIE-LCH | 49.473, 81.695, 299.717 |
CIE-LUV | 49.473, -7.482, -111.609 |
Hunter-Lab | 42.404, 33.364, -88.548 |
Binary | 01100101, 01100011, 11110000 |
Color Schemes with #6563f0
Alternatives to #6563f0
Below, you can see some colors close to #6563f0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#6563f0 Preview
This text has a font color of #6563f0.
<span style="color:#6563f0;">Text here</span>
This paragraph has a background color of #6563f0.
<p style="background-color:#6563f0;">Content here</p>
This element has a border color of #6563f0.
<div style="border:1px solid #6563f0;">Content here</div>
.text {color:#6563f0;}
.background {background-color:#6563f0;}
.border {border:1px solid #6563f0;}
Shades and Tints of #6563f0
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, #010005 is the darkest color, while #f2f2fe is the lightest one.
-
#010005
#010005
rgb(1,0,5)
-
#030217
#030217
rgb(3,2,23)
-
#040429
#040429
rgb(4,4,41)
-
#06063b
#06063b
rgb(6,6,59)
-
#08074d
#08074d
rgb(8,7,77)
-
#0a095f
#0a095f
rgb(10,9,95)
-
#0c0b70
#0c0b70
rgb(12,11,112)
-
#0e0d82
#0e0d82
rgb(14,13,130)
-
#100e94
#100e94
rgb(16,14,148)
-
#1210a6
#1210a6
rgb(18,16,166)
-
#1412b8
#1412b8
rgb(20,18,184)
-
#1613ca
#1613ca
rgb(22,19,202)
-
#1815dc
#1815dc
rgb(24,21,220)
-
#1e1be9
#1e1be9
rgb(30,27,233)
-
#302deb
#302deb
rgb(48,45,235)
-
#423fed
#423fed
rgb(66,63,237)
-
#5351ee
#5351ee
rgb(83,81,238)
-
#6563f0
#6563f0
rgb(101,99,240)
-
#7775f2
#7775f2
rgb(119,117,242)
-
#8887f3
#8887f3
rgb(136,135,243)
-
#9a99f5
#9a99f5
rgb(154,153,245)
-
#acabf7
#acabf7
rgb(172,171,247)
-
#bdbcf9
#bdbcf9
rgb(189,188,249)
-
#cfcefa
#cfcefa
rgb(207,206,250)
-
#e1e0fc
#e1e0fc
rgb(225,224,252)
-
#f2f2fe
#f2f2fe
rgb(242,242,254)
Tones of #6563f0
A tone is produced by adding gray to any pure hue. In this case, #a5a5ae is the less saturated color, while #5856fd is the most saturated one.
-
#a5a5ae
#a5a5ae
rgb(165,165,174)
-
#9f9eb5
#9f9eb5
rgb(159,158,181)
-
#9898bb
#9898bb
rgb(152,152,187)
-
#9291c2
#9291c2
rgb(146,145,194)
-
#8b8ac9
#8b8ac9
rgb(139,138,201)
-
#8584cf
#8584cf
rgb(133,132,207)
-
#7f7dd6
#7f7dd6
rgb(127,125,214)
-
#7877dc
#7877dc
rgb(120,119,220)
-
#7270e3
#7270e3
rgb(114,112,227)
-
#6b6ae9
#6b6ae9
rgb(107,106,233)
-
#6563f0
#6563f0
rgb(101,99,240)
-
#5f5cf7
#5f5cf7
rgb(95,92,247)
-
#5856fd
#5856fd
rgb(88,86,253)
Color Blindness Simulator
Below, you can see how #6563f0 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.