#5542ff Color Information
In a RGB color space, hex #5542ff is composed of 33.3% red, 25.9% green and 100% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 74.1% magenta, 0% yellow and 0% black. It has a hue angle of 246 degrees, a saturation of 100% and a lightness of 62.9%. #5542ff color hex could be obtained by blending #aa84ff with #0000ff. Closest websafe color is: #6633ff.
-
- R 33
- G 26
- B 100
-
- C 67
- M 74
- Y 0
- K 0
● #5542ff color description : Light blue.
#5542ff Color Conversion
The hexadecimal color #5542ff has RGB values of R:85, G:66, B:255 and CMYK values of C:0.67, M:0.74, Y:0, K:0. Its decimal value is 5587711.
Hex triplet | 5542ff | #5542ff |
---|---|---|
RGB Decimal | 85, 66, 255 | rgb(85,66,255) |
RGB Percent | 33.3, 25.9, 100 | rgb(33.3%,25.9%,100%) |
CMYK | 67, 74, 0, 0 | |
HSL | 246°, 100, 62.9 | hsl(246,100%,62.9%) |
HSV (or HSB) | 246°, 74.1, 100 | |
Web Safe | 6633ff | #6633ff |
CIE-LAB | 42.833, 61.297, -90.255 |
---|---|
XYZ | 23.741, 13.047, 95.869 |
xyY | 0.179, 0.098, 13.047 |
CIE-LCH | 42.833, 109.102, 304.182 |
CIE-LUV | 42.833, -5.875, -131.837 |
Hunter-Lab | 36.12, 54.115, -132.083 |
Binary | 01010101, 01000010, 11111111 |
Color Schemes with #5542ff
Alternatives to #5542ff
Below, you can see some colors close to #5542ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5542ff Preview
This text has a font color of #5542ff.
<span style="color:#5542ff;">Text here</span>
This paragraph has a background color of #5542ff.
<p style="background-color:#5542ff;">Content here</p>
This element has a border color of #5542ff.
<div style="border:1px solid #5542ff;">Content here</div>
.text {color:#5542ff;}
.background {background-color:#5542ff;}
.border {border:1px solid #5542ff;}
Shades and Tints of #5542ff
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, #010007 is the darkest color, while #f4f3ff is the lightest one.
-
#010007
#010007
rgb(1,0,7)
-
#03001b
#03001b
rgb(3,0,27)
-
#05002e
#05002e
rgb(5,0,46)
-
#070042
#070042
rgb(7,0,66)
-
#090056
#090056
rgb(9,0,86)
-
#0b0069
#0b0069
rgb(11,0,105)
-
#0d007d
#0d007d
rgb(13,0,125)
-
#0f0090
#0f0090
rgb(15,0,144)
-
#1000a4
#1000a4
rgb(16,0,164)
-
#1200b8
#1200b8
rgb(18,0,184)
-
#1400cb
#1400cb
rgb(20,0,203)
-
#1600df
#1600df
rgb(22,0,223)
-
#1800f3
#1800f3
rgb(24,0,243)
-
#2007ff
#2007ff
rgb(32,7,255)
-
#321bff
#321bff
rgb(50,27,255)
-
#432eff
#432eff
rgb(67,46,255)
-
#5542ff
#5542ff
rgb(85,66,255)
-
#6756ff
#6756ff
rgb(103,86,255)
-
#7869ff
#7869ff
rgb(120,105,255)
-
#8a7dff
#8a7dff
rgb(138,125,255)
-
#9c90ff
#9c90ff
rgb(156,144,255)
-
#ada4ff
#ada4ff
rgb(173,164,255)
-
#bfb8ff
#bfb8ff
rgb(191,184,255)
-
#d1cbff
#d1cbff
rgb(209,203,255)
-
#e2dfff
#e2dfff
rgb(226,223,255)
-
#f4f3ff
#f4f3ff
rgb(244,243,255)
Tones of #5542ff
A tone is produced by adding gray to any pure hue. In this case, #9b99a8 is the less saturated color, while #5542ff is the most saturated one.
-
#9b99a8
#9b99a8
rgb(155,153,168)
-
#9592af
#9592af
rgb(149,146,175)
-
#8f8bb6
#8f8bb6
rgb(143,139,182)
-
#8983be
#8983be
rgb(137,131,190)
-
#837cc5
#837cc5
rgb(131,124,197)
-
#7e75cc
#7e75cc
rgb(126,117,204)
-
#786ed3
#786ed3
rgb(120,110,211)
-
#7266db
#7266db
rgb(114,102,219)
-
#6c5fe2
#6c5fe2
rgb(108,95,226)
-
#6658e9
#6658e9
rgb(102,88,233)
-
#6151f0
#6151f0
rgb(97,81,240)
-
#5b49f8
#5b49f8
rgb(91,73,248)
-
#5542ff
#5542ff
rgb(85,66,255)
Color Blindness Simulator
Below, you can see how #5542ff 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.