#553ffe Color Information
In a RGB color space, hex #553ffe is composed of 33.3% red, 24.7% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 66.5% cyan, 75.2% magenta, 0% yellow and 0.4% black. It has a hue angle of 246.9 degrees, a saturation of 99% and a lightness of 62.2%. #553ffe color hex could be obtained by blending #aa7eff with #0000fd. Closest websafe color is: #6633ff.
-
- R 33
- G 25
- B 100
-
- C 67
- M 75
- Y 0
- K 0
● #553ffe color description : Bright blue.
#553ffe Color Conversion
The hexadecimal color #553ffe has RGB values of R:85, G:63, B:254 and CMYK values of C:0.67, M:0.75, Y:0, K:0. Its decimal value is 5586942.
| Hex triplet | 553ffe | #553ffe |
|---|---|---|
| RGB Decimal | 85, 63, 254 | rgb(85,63,254) |
| RGB Percent | 33.3, 24.7, 99.6 | rgb(33.3%,24.7%,99.6%) |
| CMYK | 67, 75, 0, 0 | |
| HSL | 246.9°, 99, 62.2 | hsl(246.9,99%,62.2%) |
| HSV (or HSB) | 246.9°, 75.2, 99.6 | |
| Web Safe | 6633ff | #6633ff |
| CIE-LAB | 42.217, 62.481, -90.714 |
|---|---|
| XYZ | 23.41, 12.641, 94.967 |
| xyY | 0.179, 0.096, 12.641 |
| CIE-LCH | 42.217, 110.149, 304.558 |
| CIE-LUV | 42.217, -5.368, -131.636 |
| Hunter-Lab | 35.554, 55.309, -133.479 |
| Binary | 01010101, 00111111, 11111110 |
Color Schemes with #553ffe
Alternatives to #553ffe
Below, you can see some colors close to #553ffe. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#553ffe Preview
This text has a font color of #553ffe.
<span style="color:#553ffe;">Text here</span>
This paragraph has a background color of #553ffe.
<p style="background-color:#553ffe;">Content here</p>
This element has a border color of #553ffe.
<div style="border:1px solid #553ffe;">Content here</div>
.text {color:#553ffe;}
.background {background-color:#553ffe;}
.border {border:1px solid #553ffe;}
Shades and Tints of #553ffe
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, #000003 is the darkest color, while #f1efff is the lightest one.
-
#000003
#000003rgb(0,0,3) -
#030017
#030017rgb(3,0,23) -
#05002a
#05002argb(5,0,42) -
#07003e
#07003ergb(7,0,62) -
#0a0051
#0a0051rgb(10,0,81) -
#0c0165
#0c0165rgb(12,1,101) -
#0e0178
#0e0178rgb(14,1,120) -
#11018c
#11018crgb(17,1,140) -
#13019f
#13019frgb(19,1,159) -
#1501b3
#1501b3rgb(21,1,179) -
#1801c6
#1801c6rgb(24,1,198) -
#1a01da
#1a01dargb(26,1,218) -
#1c01ed
#1c01edrgb(28,1,237)
-
#2104fe
#2104fergb(33,4,254) -
#3218fe
#3218fergb(50,24,254) -
#442bfe
#442bfergb(68,43,254) -
#553ffe
#553ffergb(85,63,254) -
#6653fe
#6653fergb(102,83,254) -
#7866fe
#7866fergb(120,102,254) -
#897afe
#897afergb(137,122,254) -
#9a8dfe
#9a8dfergb(154,141,254) -
#aba1ff
#aba1ffrgb(171,161,255) -
#bdb4ff
#bdb4ffrgb(189,180,255) -
#cec8ff
#cec8ffrgb(206,200,255) -
#dfdbff
#dfdbffrgb(223,219,255) -
#f1efff
#f1efffrgb(241,239,255)
Tones of #553ffe
A tone is produced by adding gray to any pure hue. In this case, #9a98a5 is the less saturated color, while #553ffe is the most saturated one.
-
#9a98a5
#9a98a5rgb(154,152,165) -
#9491ac
#9491acrgb(148,145,172) -
#8e89b4
#8e89b4rgb(142,137,180) -
#8882bb
#8882bbrgb(136,130,187) -
#837ac3
#837ac3rgb(131,122,195) -
#7d73ca
#7d73cargb(125,115,202) -
#776cd1
#776cd1rgb(119,108,209) -
#7264d9
#7264d9rgb(114,100,217) -
#6c5de0
#6c5de0rgb(108,93,224) -
#6655e8
#6655e8rgb(102,85,232) -
#604eef
#604eefrgb(96,78,239) -
#5b46f7
#5b46f7rgb(91,70,247) -
#553ffe
#553ffergb(85,63,254)
Color Blindness Simulator
Below, you can see how #553ffe 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.
