#6354ff Color Information
In a RGB color space, hex #6354ff is composed of 38.8% red, 32.9% green and 100% blue. Whereas in a CMYK color space, it is composed of 61.2% cyan, 67.1% magenta, 0% yellow and 0% black. It has a hue angle of 245.3 degrees, a saturation of 100% and a lightness of 66.5%. #6354ff color hex could be obtained by blending #c6a8ff with #0000ff. Closest websafe color is: #6666ff.
-
- R 39
- G 33
- B 100
-
- C 61
- M 67
- Y 0
- K 0
● #6354ff color description : Light blue.
#6354ff Color Conversion
The hexadecimal color #6354ff has RGB values of R:99, G:84, B:255 and CMYK values of C:0.61, M:0.67, Y:0, K:0. Its decimal value is 6509823.
Hex triplet | 6354ff | #6354ff |
---|---|---|
RGB Decimal | 99, 84, 255 | rgb(99,84,255) |
RGB Percent | 38.8, 32.9, 100 | rgb(38.8%,32.9%,100%) |
CMYK | 61, 67, 0, 0 | |
HSL | 245.3°, 100, 66.5 | hsl(245.3,100%,66.5%) |
HSV (or HSB) | 245.3°, 67.1, 100 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 47.252, 53.44, -82.952 |
---|---|
XYZ | 26.362, 16.212, 96.342 |
xyY | 0.19, 0.117, 16.212 |
CIE-LCH | 47.252, 98.675, 302.791 |
CIE-LUV | 47.252, -5.562, -127.226 |
Hunter-Lab | 40.264, 46.407, -113.681 |
Binary | 01100011, 01010100, 11111111 |
Color Schemes with #6354ff
Alternatives to #6354ff
Below, you can see some colors close to #6354ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#6354ff Preview
This text has a font color of #6354ff.
<span style="color:#6354ff;">Text here</span>
This paragraph has a background color of #6354ff.
<p style="background-color:#6354ff;">Content here</p>
This element has a border color of #6354ff.
<div style="border:1px solid #6354ff;">Content here</div>
.text {color:#6354ff;}
.background {background-color:#6354ff;}
.border {border:1px solid #6354ff;}
Shades and Tints of #6354ff
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, #000006 is the darkest color, while #f2f1ff is the lightest one.
-
#000006
#000006
rgb(0,0,6)
-
#020019
#020019
rgb(2,0,25)
-
#04002d
#04002d
rgb(4,0,45)
-
#060040
#060040
rgb(6,0,64)
-
#070054
#070054
rgb(7,0,84)
-
#090068
#090068
rgb(9,0,104)
-
#0b007b
#0b007b
rgb(11,0,123)
-
#0d008f
#0d008f
rgb(13,0,143)
-
#0e00a2
#0e00a2
rgb(14,0,162)
-
#1000b6
#1000b6
rgb(16,0,182)
-
#1200ca
#1200ca
rgb(18,0,202)
-
#1300dd
#1300dd
rgb(19,0,221)
-
#1500f1
#1500f1
rgb(21,0,241)
-
#1b06ff
#1b06ff
rgb(27,6,255)
-
#2d19ff
#2d19ff
rgb(45,25,255)
-
#3f2dff
#3f2dff
rgb(63,45,255)
-
#5140ff
#5140ff
rgb(81,64,255)
-
#6354ff
#6354ff
rgb(99,84,255)
-
#7568ff
#7568ff
rgb(117,104,255)
-
#877bff
#877bff
rgb(135,123,255)
-
#998fff
#998fff
rgb(153,143,255)
-
#aba2ff
#aba2ff
rgb(171,162,255)
-
#bcb6ff
#bcb6ff
rgb(188,182,255)
-
#cecaff
#cecaff
rgb(206,202,255)
-
#e0ddff
#e0ddff
rgb(224,221,255)
-
#f2f1ff
#f2f1ff
rgb(242,241,255)
Tones of #6354ff
A tone is produced by adding gray to any pure hue. In this case, #a4a3b0 is the less saturated color, while #6354ff is the most saturated one.
-
#a4a3b0
#a4a3b0
rgb(164,163,176)
-
#9f9cb7
#9f9cb7
rgb(159,156,183)
-
#9996bd
#9996bd
rgb(153,150,189)
-
#948fc4
#948fc4
rgb(148,143,196)
-
#8e89ca
#8e89ca
rgb(142,137,202)
-
#8982d1
#8982d1
rgb(137,130,209)
-
#847bd8
#847bd8
rgb(132,123,216)
-
#7e75de
#7e75de
rgb(126,117,222)
-
#796ee5
#796ee5
rgb(121,110,229)
-
#7368eb
#7368eb
rgb(115,104,235)
-
#6e61f2
#6e61f2
rgb(110,97,242)
-
#685bf8
#685bf8
rgb(104,91,248)
-
#6354ff
#6354ff
rgb(99,84,255)
Color Blindness Simulator
Below, you can see how #6354ff 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.