#554bf0 Color Information
In a RGB color space, hex #554bf0 is composed of 33.3% red, 29.4% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 64.6% cyan, 68.8% magenta, 0% yellow and 5.9% black. It has a hue angle of 243.6 degrees, a saturation of 84.6% and a lightness of 61.8%. #554bf0 color hex could be obtained by blending #aa96ff with #0000e1. Closest websafe color is: #6633ff.
-
- R 33
- G 29
- B 94
-
- C 65
- M 69
- Y 0
- K 6
● #554bf0 color description : Soft blue.
#554bf0 Color Conversion
The hexadecimal color #554bf0 has RGB values of R:85, G:75, B:240 and CMYK values of C:0.65, M:0.69, Y:0, K:0.06. Its decimal value is 5590000.
Hex triplet | 554bf0 | #554bf0 |
---|---|---|
RGB Decimal | 85, 75, 240 | rgb(85,75,240) |
RGB Percent | 33.3, 29.4, 94.1 | rgb(33.3%,29.4%,94.1%) |
CMYK | 65, 69, 0, 6 | |
HSL | 243.6°, 84.6, 61.8 | hsl(243.6,84.6%,61.8%) |
HSV (or HSB) | 243.6°, 68.8, 94.1 | |
Web Safe | 6633ff | #6633ff |
CIE-LAB | 43.143, 52.01, -81.337 |
---|---|
XYZ | 21.987, 13.254, 83.833 |
xyY | 0.185, 0.111, 13.254 |
CIE-LCH | 43.143, 96.544, 302.596 |
CIE-LUV | 43.143, -6.517, -121.019 |
Hunter-Lab | 36.406, 44.097, -111.046 |
Binary | 01010101, 01001011, 11110000 |
Color Schemes with #554bf0
Alternatives to #554bf0
Below, you can see some colors close to #554bf0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#554bf0 Preview
This text has a font color of #554bf0.
<span style="color:#554bf0;">Text here</span>
This paragraph has a background color of #554bf0.
<p style="background-color:#554bf0;">Content here</p>
This element has a border color of #554bf0.
<div style="border:1px solid #554bf0;">Content here</div>
.text {color:#554bf0;}
.background {background-color:#554bf0;}
.border {border:1px solid #554bf0;}
Shades and Tints of #554bf0
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, #000001 is the darkest color, while #efeefe is the lightest one.
-
#000001
#000001
rgb(0,0,1)
-
#030213
#030213
rgb(3,2,19)
-
#050325
#050325
rgb(5,3,37)
-
#080537
#080537
rgb(8,5,55)
-
#0a0649
#0a0649
rgb(10,6,73)
-
#0d085c
#0d085c
rgb(13,8,92)
-
#0f096e
#0f096e
rgb(15,9,110)
-
#120b80
#120b80
rgb(18,11,128)
-
#140c92
#140c92
rgb(20,12,146)
-
#170ea4
#170ea4
rgb(23,14,164)
-
#190fb6
#190fb6
rgb(25,15,182)
-
#1c11c8
#1c11c8
rgb(28,17,200)
-
#1e12da
#1e12da
rgb(30,18,218)
-
#2215eb
#2215eb
rgb(34,21,235)
-
#3327ed
#3327ed
rgb(51,39,237)
-
#4439ee
#4439ee
rgb(68,57,238)
-
#554bf0
#554bf0
rgb(85,75,240)
-
#665df2
#665df2
rgb(102,93,242)
-
#776ff3
#776ff3
rgb(119,111,243)
-
#8881f5
#8881f5
rgb(136,129,245)
-
#9993f6
#9993f6
rgb(153,147,246)
-
#aba6f8
#aba6f8
rgb(171,166,248)
-
#bcb8f9
#bcb8f9
rgb(188,184,249)
-
#cdcafb
#cdcafb
rgb(205,202,251)
-
#dedcfc
#dedcfc
rgb(222,220,252)
-
#efeefe
#efeefe
rgb(239,238,254)
Tones of #554bf0
A tone is produced by adding gray to any pure hue. In this case, #9796a5 is the less saturated color, while #483cff is the most saturated one.
-
#9796a5
#9796a5
rgb(151,150,165)
-
#908fad
#908fad
rgb(144,143,173)
-
#8a87b4
#8a87b4
rgb(138,135,180)
-
#8380bc
#8380bc
rgb(131,128,188)
-
#7d78c3
#7d78c3
rgb(125,120,195)
-
#7671cb
#7671cb
rgb(118,113,203)
-
#6f69d2
#6f69d2
rgb(111,105,210)
-
#6962da
#6962da
rgb(105,98,218)
-
#625ae1
#625ae1
rgb(98,90,225)
-
#5c53e9
#5c53e9
rgb(92,83,233)
-
#554bf0
#554bf0
rgb(85,75,240)
-
#4e44f8
#4e44f8
rgb(78,68,248)
-
#483cff
#483cff
rgb(72,60,255)
Color Blindness Simulator
Below, you can see how #554bf0 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.