#553eeb Color Information
In a RGB color space, hex #553eeb is composed of 33.3% red, 24.3% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 63.8% cyan, 73.6% magenta, 0% yellow and 7.8% black. It has a hue angle of 248 degrees, a saturation of 81.2% and a lightness of 58.2%. #553eeb color hex could be obtained by blending #aa7cff with #0000d7. Closest websafe color is: #6633ff.
-
- R 33
- G 24
- B 92
-
- C 64
- M 74
- Y 0
- K 8
● #553eeb color description : Bright blue.
#553eeb Color Conversion
The hexadecimal color #553eeb has RGB values of R:85, G:62, B:235 and CMYK values of C:0.64, M:0.74, Y:0, K:0.08. Its decimal value is 5586667.
| Hex triplet | 553eeb | #553eeb |
|---|---|---|
| RGB Decimal | 85, 62, 235 | rgb(85,62,235) |
| RGB Percent | 33.3, 24.3, 92.2 | rgb(33.3%,24.3%,92.2%) |
| CMYK | 64, 74, 0, 8 | |
| HSL | 248°, 81.2, 58.2 | hsl(248,81.2%,58.2%) |
| HSV (or HSB) | 248°, 73.6, 92.2 | |
| Web Safe | 6633ff | #6633ff |
| CIE-LAB | 40.203, 57.41, -83.35 |
|---|---|
| XYZ | 20.461, 11.374, 79.71 |
| xyY | 0.183, 0.102, 11.374 |
| CIE-LCH | 40.203, 101.209, 304.558 |
| CIE-LUV | 40.203, -3.966, -120.411 |
| Hunter-Lab | 33.725, 49.279, -116.525 |
| Binary | 01010101, 00111110, 11101011 |
Color Schemes with #553eeb
Alternatives to #553eeb
Below, you can see some colors close to #553eeb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#553eeb Preview
This text has a font color of #553eeb.
<span style="color:#553eeb;">Text here</span>
This paragraph has a background color of #553eeb.
<p style="background-color:#553eeb;">Content here</p>
This element has a border color of #553eeb.
<div style="border:1px solid #553eeb;">Content here</div>
.text {color:#553eeb;}
.background {background-color:#553eeb;}
.border {border:1px solid #553eeb;}
Shades and Tints of #553eeb
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, #010003 is the darkest color, while #f2f0fd is the lightest one.
-
#010003
#010003rgb(1,0,3) -
#050214
#050214rgb(5,2,20) -
#080426
#080426rgb(8,4,38) -
#0c0638
#0c0638rgb(12,6,56) -
#10084a
#10084argb(16,8,74) -
#14095b
#14095brgb(20,9,91) -
#180b6d
#180b6drgb(24,11,109) -
#1c0d7f
#1c0d7frgb(28,13,127) -
#200f91
#200f91rgb(32,15,145) -
#2411a2
#2411a2rgb(36,17,162) -
#2813b4
#2813b4rgb(40,19,180) -
#2c15c6
#2c15c6rgb(44,21,198) -
#3016d8
#3016d8rgb(48,22,216)
-
#361ae7
#361ae7rgb(54,26,231) -
#452ce9
#452ce9rgb(69,44,233) -
#553eeb
#553eebrgb(85,62,235) -
#6550ed
#6550edrgb(101,80,237) -
#7462ef
#7462efrgb(116,98,239) -
#8473f1
#8473f1rgb(132,115,241) -
#9485f2
#9485f2rgb(148,133,242) -
#a397f4
#a397f4rgb(163,151,244) -
#b3a9f6
#b3a9f6rgb(179,169,246) -
#c3baf8
#c3baf8rgb(195,186,248) -
#d2ccfa
#d2ccfargb(210,204,250) -
#e2defc
#e2defcrgb(226,222,252) -
#f2f0fd
#f2f0fdrgb(242,240,253)
Tones of #553eeb
A tone is produced by adding gray to any pure hue. In this case, #919099 is the less saturated color, while #492efb is the most saturated one.
-
#919099
#919099rgb(145,144,153) -
#8b88a1
#8b88a1rgb(139,136,161) -
#8580a9
#8580a9rgb(133,128,169) -
#7f77b2
#7f77b2rgb(127,119,178) -
#796fba
#796fbargb(121,111,186) -
#7367c2
#7367c2rgb(115,103,194) -
#6d5fca
#6d5fcargb(109,95,202) -
#6757d2
#6757d2rgb(103,87,210) -
#614edb
#614edbrgb(97,78,219) -
#5b46e3
#5b46e3rgb(91,70,227) -
#553eeb
#553eebrgb(85,62,235) -
#4f36f3
#4f36f3rgb(79,54,243) -
#492efb
#492efbrgb(73,46,251)
Color Blindness Simulator
Below, you can see how #553eeb 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.
