#6554ff Color Information
In a RGB color space, hex #6554ff is composed of 39.6% red, 32.9% green and 100% blue. Whereas in a CMYK color space, it is composed of 60.4% cyan, 67.1% magenta, 0% yellow and 0% black. It has a hue angle of 246 degrees, a saturation of 100% and a lightness of 66.5%. #6554ff color hex could be obtained by blending #caa8ff with #0000ff. Closest websafe color is: #6666ff.
-
- R 40
- G 33
- B 100
-
- C 60
- M 67
- Y 0
- K 0
● #6554ff color description : Light blue.
#6554ff Color Conversion
The hexadecimal color #6554ff has RGB values of R:101, G:84, B:255 and CMYK values of C:0.6, M:0.67, Y:0, K:0. Its decimal value is 6640895.
Hex triplet | 6554ff | #6554ff |
---|---|---|
RGB Decimal | 101, 84, 255 | rgb(101,84,255) |
RGB Percent | 39.6, 32.9, 100 | rgb(39.6%,32.9%,100%) |
CMYK | 60, 67, 0, 0 | |
HSL | 246°, 100, 66.5 | hsl(246,100%,66.5%) |
HSV (or HSB) | 246°, 67.1, 100 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 47.4, 53.711, -82.704 |
---|---|
XYZ | 26.584, 16.326, 96.353 |
xyY | 0.191, 0.117, 16.326 |
CIE-LCH | 47.4, 98.614, 303.002 |
CIE-LUV | 47.4, -5.015, -127.06 |
Hunter-Lab | 40.406, 46.728, -113.1 |
Binary | 01100101, 01010100, 11111111 |
Color Schemes with #6554ff
Alternatives to #6554ff
Below, you can see some colors close to #6554ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#6554ff Preview
This text has a font color of #6554ff.
<span style="color:#6554ff;">Text here</span>
This paragraph has a background color of #6554ff.
<p style="background-color:#6554ff;">Content here</p>
This element has a border color of #6554ff.
<div style="border:1px solid #6554ff;">Content here</div>
.text {color:#6554ff;}
.background {background-color:#6554ff;}
.border {border:1px solid #6554ff;}
Shades and Tints of #6554ff
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, #010006 is the darkest color, while #f2f1ff is the lightest one.
-
#010006
#010006
rgb(1,0,6)
-
#030019
#030019
rgb(3,0,25)
-
#04002d
#04002d
rgb(4,0,45)
-
#060040
#060040
rgb(6,0,64)
-
#080054
#080054
rgb(8,0,84)
-
#0a0068
#0a0068
rgb(10,0,104)
-
#0c007b
#0c007b
rgb(12,0,123)
-
#0e008f
#0e008f
rgb(14,0,143)
-
#1000a2
#1000a2
rgb(16,0,162)
-
#1200b6
#1200b6
rgb(18,0,182)
-
#1400ca
#1400ca
rgb(20,0,202)
-
#1600dd
#1600dd
rgb(22,0,221)
-
#1800f1
#1800f1
rgb(24,0,241)
-
#1e06ff
#1e06ff
rgb(30,6,255)
-
#3019ff
#3019ff
rgb(48,25,255)
-
#422dff
#422dff
rgb(66,45,255)
-
#5340ff
#5340ff
rgb(83,64,255)
-
#6554ff
#6554ff
rgb(101,84,255)
-
#7768ff
#7768ff
rgb(119,104,255)
-
#887bff
#887bff
rgb(136,123,255)
-
#9a8fff
#9a8fff
rgb(154,143,255)
-
#aca2ff
#aca2ff
rgb(172,162,255)
-
#bdb6ff
#bdb6ff
rgb(189,182,255)
-
#cfcaff
#cfcaff
rgb(207,202,255)
-
#e1ddff
#e1ddff
rgb(225,221,255)
-
#f2f1ff
#f2f1ff
rgb(242,241,255)
Tones of #6554ff
A tone is produced by adding gray to any pure hue. In this case, #a4a3b0 is the less saturated color, while #6554ff is the most saturated one.
-
#a4a3b0
#a4a3b0
rgb(164,163,176)
-
#9f9cb7
#9f9cb7
rgb(159,156,183)
-
#9a96bd
#9a96bd
rgb(154,150,189)
-
#948fc4
#948fc4
rgb(148,143,196)
-
#8f89ca
#8f89ca
rgb(143,137,202)
-
#8a82d1
#8a82d1
rgb(138,130,209)
-
#857bd8
#857bd8
rgb(133,123,216)
-
#7f75de
#7f75de
rgb(127,117,222)
-
#7a6ee5
#7a6ee5
rgb(122,110,229)
-
#7568eb
#7568eb
rgb(117,104,235)
-
#7061f2
#7061f2
rgb(112,97,242)
-
#6a5bf8
#6a5bf8
rgb(106,91,248)
-
#6554ff
#6554ff
rgb(101,84,255)
Color Blindness Simulator
Below, you can see how #6554ff 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.