#551bff Color Information
In a RGB color space, hex #551bff is composed of 33.3% red, 10.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 89.4% magenta, 0% yellow and 0% black. It has a hue angle of 255.3 degrees, a saturation of 100% and a lightness of 55.3%. #551bff color hex could be obtained by blending #aa36ff with #0000ff. Closest websafe color is: #6633ff.
-
- R 33
- G 11
- B 100
-
- C 67
- M 89
- Y 0
- K 0
● #551bff color description : Vivid violet.
#551bff Color Conversion
The hexadecimal color #551bff has RGB values of R:85, G:27, B:255 and CMYK values of C:0.67, M:0.89, Y:0, K:0. Its decimal value is 5577727.
Hex triplet | 551bff | #551bff |
---|---|---|
RGB Decimal | 85, 27, 255 | rgb(85,27,255) |
RGB Percent | 33.3, 10.6, 100 | rgb(33.3%,10.6%,100%) |
CMYK | 67, 89, 0, 0 | |
HSL | 255.3°, 100, 55.3 | hsl(255.3,100%,55.3%) |
HSV (or HSB) | 255.3°, 89.4, 100 | |
Web Safe | 6633ff | #6633ff |
CIE-LAB | 37.724, 76.283, -98.718 |
---|---|
XYZ | 22.185, 9.934, 95.351 |
xyY | 0.174, 0.078, 9.934 |
CIE-LCH | 37.724, 124.757, 307.695 |
CIE-LUV | 37.724, -1.848, -133.786 |
Hunter-Lab | 31.519, 70.483, -157.303 |
Binary | 01010101, 00011011, 11111111 |
Color Schemes with #551bff
Alternatives to #551bff
Below, you can see some colors close to #551bff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#551bff Preview
This text has a font color of #551bff.
<span style="color:#551bff;">Text here</span>
This paragraph has a background color of #551bff.
<p style="background-color:#551bff;">Content here</p>
This element has a border color of #551bff.
<div style="border:1px solid #551bff;">Content here</div>
.text {color:#551bff;}
.background {background-color:#551bff;}
.border {border:1px solid #551bff;}
Shades and Tints of #551bff
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, #020007 is the darkest color, while #f6f3ff is the lightest one.
-
#020007
#020007
rgb(2,0,7)
-
#07001b
#07001b
rgb(7,0,27)
-
#0c002f
#0c002f
rgb(12,0,47)
-
#110042
#110042
rgb(17,0,66)
-
#160056
#160056
rgb(22,0,86)
-
#1b0069
#1b0069
rgb(27,0,105)
-
#20007d
#20007d
rgb(32,0,125)
-
#250091
#250091
rgb(37,0,145)
-
#2a00a4
#2a00a4
rgb(42,0,164)
-
#2f00b8
#2f00b8
rgb(47,0,184)
-
#3400cc
#3400cc
rgb(52,0,204)
-
#3900df
#3900df
rgb(57,0,223)
-
#3e00f3
#3e00f3
rgb(62,0,243)
-
#4607ff
#4607ff
rgb(70,7,255)
-
#551bff
#551bff
rgb(85,27,255)
-
#642fff
#642fff
rgb(100,47,255)
-
#7242ff
#7242ff
rgb(114,66,255)
-
#8156ff
#8156ff
rgb(129,86,255)
-
#9069ff
#9069ff
rgb(144,105,255)
-
#9e7dff
#9e7dff
rgb(158,125,255)
-
#ad91ff
#ad91ff
rgb(173,145,255)
-
#bba4ff
#bba4ff
rgb(187,164,255)
-
#cab8ff
#cab8ff
rgb(202,184,255)
-
#d9ccff
#d9ccff
rgb(217,204,255)
-
#e7dfff
#e7dfff
rgb(231,223,255)
-
#f6f3ff
#f6f3ff
rgb(246,243,255)
Tones of #551bff
A tone is produced by adding gray to any pure hue. In this case, #898496 is the less saturated color, while #551bff is the most saturated one.
-
#898496
#898496
rgb(137,132,150)
-
#847b9f
#847b9f
rgb(132,123,159)
-
#8073a7
#8073a7
rgb(128,115,167)
-
#7c6ab0
#7c6ab0
rgb(124,106,176)
-
#7761b9
#7761b9
rgb(119,97,185)
-
#7358c2
#7358c2
rgb(115,88,194)
-
#6f50ca
#6f50ca
rgb(111,80,202)
-
#6b47d3
#6b47d3
rgb(107,71,211)
-
#663edc
#663edc
rgb(102,62,220)
-
#6235e5
#6235e5
rgb(98,53,229)
-
#5e2ded
#5e2ded
rgb(94,45,237)
-
#5924f6
#5924f6
rgb(89,36,246)
-
#551bff
#551bff
rgb(85,27,255)
Color Blindness Simulator
Below, you can see how #551bff 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.