#5a54ff Color Information
In a RGB color space, hex #5a54ff is composed of 35.3% red, 32.9% green and 100% blue. Whereas in a CMYK color space, it is composed of 64.7% cyan, 67.1% magenta, 0% yellow and 0% black. It has a hue angle of 242.1 degrees, a saturation of 100% and a lightness of 66.5%. #5a54ff color hex could be obtained by blending #b4a8ff with #0000ff. Closest websafe color is: #6666ff.
-
- R 35
- G 33
- B 100
-
- C 65
- M 67
- Y 0
- K 0
● #5a54ff color description : Light blue.
#5a54ff Color Conversion
The hexadecimal color #5a54ff has RGB values of R:90, G:84, B:255 and CMYK values of C:0.65, M:0.67, Y:0, K:0. Its decimal value is 5919999.
Hex triplet | 5a54ff | #5a54ff |
---|---|---|
RGB Decimal | 90, 84, 255 | rgb(90,84,255) |
RGB Percent | 35.3, 32.9, 100 | rgb(35.3%,32.9%,100%) |
CMYK | 65, 67, 0, 0 | |
HSL | 242.1°, 100, 66.5 | hsl(242.1,100%,66.5%) |
HSV (or HSB) | 242.1°, 67.1, 100 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 46.622, 52.275, -84.008 |
---|---|
XYZ | 25.433, 15.733, 96.299 |
xyY | 0.185, 0.114, 15.733 |
CIE-LCH | 46.622, 98.945, 301.893 |
CIE-LUV | 46.622, -7.867, -127.908 |
Hunter-Lab | 39.665, 45.041, -116.179 |
Binary | 01011010, 01010100, 11111111 |
Color Schemes with #5a54ff
Alternatives to #5a54ff
Below, you can see some colors close to #5a54ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5a54ff Preview
This text has a font color of #5a54ff.
<span style="color:#5a54ff;">Text here</span>
This paragraph has a background color of #5a54ff.
<p style="background-color:#5a54ff;">Content here</p>
This element has a border color of #5a54ff.
<div style="border:1px solid #5a54ff;">Content here</div>
.text {color:#5a54ff;}
.background {background-color:#5a54ff;}
.border {border:1px solid #5a54ff;}
Shades and Tints of #5a54ff
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 #f1f1ff is the lightest one.
-
#000006
#000006
rgb(0,0,6)
-
#010019
#010019
rgb(1,0,25)
-
#02002d
#02002d
rgb(2,0,45)
-
#020040
#020040
rgb(2,0,64)
-
#030054
#030054
rgb(3,0,84)
-
#040068
#040068
rgb(4,0,104)
-
#04007b
#04007b
rgb(4,0,123)
-
#05008f
#05008f
rgb(5,0,143)
-
#0600a2
#0600a2
rgb(6,0,162)
-
#0600b6
#0600b6
rgb(6,0,182)
-
#0700ca
#0700ca
rgb(7,0,202)
-
#0800dd
#0800dd
rgb(8,0,221)
-
#0800f1
#0800f1
rgb(8,0,241)
-
#0e06ff
#0e06ff
rgb(14,6,255)
-
#2119ff
#2119ff
rgb(33,25,255)
-
#342dff
#342dff
rgb(52,45,255)
-
#4740ff
#4740ff
rgb(71,64,255)
-
#5a54ff
#5a54ff
rgb(90,84,255)
-
#6d68ff
#6d68ff
rgb(109,104,255)
-
#807bff
#807bff
rgb(128,123,255)
-
#938fff
#938fff
rgb(147,143,255)
-
#a6a2ff
#a6a2ff
rgb(166,162,255)
-
#b9b6ff
#b9b6ff
rgb(185,182,255)
-
#cccaff
#cccaff
rgb(204,202,255)
-
#deddff
#deddff
rgb(222,221,255)
-
#f1f1ff
#f1f1ff
rgb(241,241,255)
Tones of #5a54ff
A tone is produced by adding gray to any pure hue. In this case, #a3a3b0 is the less saturated color, while #5a54ff is the most saturated one.
-
#a3a3b0
#a3a3b0
rgb(163,163,176)
-
#9d9cb7
#9d9cb7
rgb(157,156,183)
-
#9796bd
#9796bd
rgb(151,150,189)
-
#918fc4
#918fc4
rgb(145,143,196)
-
#8b89ca
#8b89ca
rgb(139,137,202)
-
#8582d1
#8582d1
rgb(133,130,209)
-
#7f7bd8
#7f7bd8
rgb(127,123,216)
-
#7975de
#7975de
rgb(121,117,222)
-
#726ee5
#726ee5
rgb(114,110,229)
-
#6c68eb
#6c68eb
rgb(108,104,235)
-
#6661f2
#6661f2
rgb(102,97,242)
-
#605bf8
#605bf8
rgb(96,91,248)
-
#5a54ff
#5a54ff
rgb(90,84,255)
Color Blindness Simulator
Below, you can see how #5a54ff 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.