#554bf8 Color Information
In a RGB color space, hex #554bf8 is composed of 33.3% red, 29.4% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 65.7% cyan, 69.8% magenta, 0% yellow and 2.7% black. It has a hue angle of 243.5 degrees, a saturation of 92.5% and a lightness of 63.3%. #554bf8 color hex could be obtained by blending #aa96ff with #0000f1. Closest websafe color is: #6633ff.
-
- R 33
- G 29
- B 97
-
- C 66
- M 70
- Y 0
- K 3
● #554bf8 color description : Soft blue.
#554bf8 Color Conversion
The hexadecimal color #554bf8 has RGB values of R:85, G:75, B:248 and CMYK values of C:0.66, M:0.7, Y:0, K:0.03. Its decimal value is 5590008.
Hex triplet | 554bf8 | #554bf8 |
---|---|---|
RGB Decimal | 85, 75, 248 | rgb(85,75,248) |
RGB Percent | 33.3, 29.4, 97.3 | rgb(33.3%,29.4%,97.3%) |
CMYK | 66, 70, 0, 3 | |
HSL | 243.5°, 92.5, 63.3 | hsl(243.5,92.5%,63.3%) |
HSV (or HSB) | 243.5°, 69.8, 97.3 | |
Web Safe | 6633ff | #6633ff |
CIE-LAB | 43.857, 54.484, -84.656 |
---|---|
XYZ | 23.202, 13.74, 90.231 |
xyY | 0.182, 0.108, 13.74 |
CIE-LCH | 43.857, 100.673, 302.765 |
CIE-LUV | 43.857, -6.966, -126.012 |
Hunter-Lab | 37.067, 46.866, -118.381 |
Binary | 01010101, 01001011, 11111000 |
Color Schemes with #554bf8
Alternatives to #554bf8
Below, you can see some colors close to #554bf8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#554bf8 Preview
This text has a font color of #554bf8.
<span style="color:#554bf8;">Text here</span>
This paragraph has a background color of #554bf8.
<p style="background-color:#554bf8;">Content here</p>
This element has a border color of #554bf8.
<div style="border:1px solid #554bf8;">Content here</div>
.text {color:#554bf8;}
.background {background-color:#554bf8;}
.border {border:1px solid #554bf8;}
Shades and Tints of #554bf8
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, #010009 is the darkest color, while #f5f5ff is the lightest one.
-
#010009
#010009
rgb(1,0,9)
-
#03011c
#03011c
rgb(3,1,28)
-
#04022f
#04022f
rgb(4,2,47)
-
#060341
#060341
rgb(6,3,65)
-
#080354
#080354
rgb(8,3,84)
-
#0a0467
#0a0467
rgb(10,4,103)
-
#0c057a
#0c057a
rgb(12,5,122)
-
#0d058d
#0d058d
rgb(13,5,141)
-
#0f06a0
#0f06a0
rgb(15,6,160)
-
#1107b3
#1107b3
rgb(17,7,179)
-
#1308c6
#1308c6
rgb(19,8,198)
-
#1408d9
#1408d9
rgb(20,8,217)
-
#1609eb
#1609eb
rgb(22,9,235)
-
#2012f6
#2012f6
rgb(32,18,246)
-
#3125f7
#3125f7
rgb(49,37,247)
-
#4338f7
#4338f7
rgb(67,56,247)
-
#554bf8
#554bf8
rgb(85,75,248)
-
#675ef9
#675ef9
rgb(103,94,249)
-
#7971f9
#7971f9
rgb(121,113,249)
-
#8a84fa
#8a84fa
rgb(138,132,250)
-
#9c97fb
#9c97fb
rgb(156,151,251)
-
#aea9fc
#aea9fc
rgb(174,169,252)
-
#c0bcfc
#c0bcfc
rgb(192,188,252)
-
#d2cffd
#d2cffd
rgb(210,207,253)
-
#e4e2fe
#e4e2fe
rgb(228,226,254)
-
#f5f5ff
#f5f5ff
rgb(245,245,255)
Tones of #554bf8
A tone is produced by adding gray to any pure hue. In this case, #a1a1a2 is the less saturated color, while #554bf8 is the most saturated one.
-
#a1a1a2
#a1a1a2
rgb(161,161,162)
-
#9b9aa9
#9b9aa9
rgb(155,154,169)
-
#9593b0
#9593b0
rgb(149,147,176)
-
#8e8cb7
#8e8cb7
rgb(142,140,183)
-
#8885be
#8885be
rgb(136,133,190)
-
#827dc6
#827dc6
rgb(130,125,198)
-
#7b76cd
#7b76cd
rgb(123,118,205)
-
#756fd4
#756fd4
rgb(117,111,212)
-
#6e68db
#6e68db
rgb(110,104,219)
-
#6861e2
#6861e2
rgb(104,97,226)
-
#6259ea
#6259ea
rgb(98,89,234)
-
#5b52f1
#5b52f1
rgb(91,82,241)
-
#554bf8
#554bf8
rgb(85,75,248)
Color Blindness Simulator
Below, you can see how #554bf8 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.