#554eb1 Color Information
In a RGB color space, hex #554eb1 is composed of 33.3% red, 30.6% green and 69.4% blue. Whereas in a CMYK color space, it is composed of 52% cyan, 55.9% magenta, 0% yellow and 30.6% black. It has a hue angle of 244.2 degrees, a saturation of 38.8% and a lightness of 50%. #554eb1 color hex could be obtained by blending #aa9cff with #000063. Closest websafe color is: #666699.
-
- R 33
- G 31
- B 69
-
- C 52
- M 56
- Y 0
- K 31
● #554eb1 color description : Dark moderate blue.
#554eb1 Color Conversion
The hexadecimal color #554eb1 has RGB values of R:85, G:78, B:177 and CMYK values of C:0.52, M:0.56, Y:0, K:0.31. Its decimal value is 5590705.
Hex triplet | 554eb1 | #554eb1 |
---|---|---|
RGB Decimal | 85, 78, 177 | rgb(85,78,177) |
RGB Percent | 33.3, 30.6, 69.4 | rgb(33.3%,30.6%,69.4%) |
CMYK | 52, 56, 0, 31 | |
HSL | 244.2°, 38.8, 50 | hsl(244.2,38.8%,50%) |
HSV (or HSB) | 244.2°, 55.9, 69.4 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 38.819, 30.292, -52.072 |
---|---|
XYZ | 14.405, 10.554, 42.871 |
xyY | 0.212, 0.156, 10.554 |
CIE-LCH | 38.819, 60.242, 300.188 |
CIE-LUV | 38.819, -3.34, -77.267 |
Hunter-Lab | 32.487, 22.297, -55.5 |
Binary | 01010101, 01001110, 10110001 |
Color Schemes with #554eb1
Alternatives to #554eb1
Below, you can see some colors close to #554eb1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#554eb1 Preview
This text has a font color of #554eb1.
<span style="color:#554eb1;">Text here</span>
This paragraph has a background color of #554eb1.
<p style="background-color:#554eb1;">Content here</p>
This element has a border color of #554eb1.
<div style="border:1px solid #554eb1;">Content here</div>
.text {color:#554eb1;}
.background {background-color:#554eb1;}
.border {border:1px solid #554eb1;}
Shades and Tints of #554eb1
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, #07060e is the darkest color, while #ffffff is the lightest one.
-
#07060e
#07060e
rgb(7,6,14)
-
#0d0c1b
#0d0c1b
rgb(13,12,27)
-
#141229
#141229
rgb(20,18,41)
-
#1a1836
#1a1836
rgb(26,24,54)
-
#211e44
#211e44
rgb(33,30,68)
-
#272452
#272452
rgb(39,36,82)
-
#2e2a5f
#2e2a5f
rgb(46,42,95)
-
#34306d
#34306d
rgb(52,48,109)
-
#3b367b
#3b367b
rgb(59,54,123)
-
#413c88
#413c88
rgb(65,60,136)
-
#484296
#484296
rgb(72,66,150)
-
#4e48a3
#4e48a3
rgb(78,72,163)
-
#554eb1
#554eb1
rgb(85,78,177)
-
#625cb7
#625cb7
rgb(98,92,183)
-
#6f69bd
#6f69bd
rgb(111,105,189)
-
#7c77c3
#7c77c3
rgb(124,119,195)
-
#8984c9
#8984c9
rgb(137,132,201)
-
#9692cf
#9692cf
rgb(150,146,207)
-
#a3a0d5
#a3a0d5
rgb(163,160,213)
-
#b1addb
#b1addb
rgb(177,173,219)
-
#bebbe1
#bebbe1
rgb(190,187,225)
-
#cbc9e7
#cbc9e7
rgb(203,201,231)
-
#d8d6ed
#d8d6ed
rgb(216,214,237)
-
#e5e4f3
#e5e4f3
rgb(229,228,243)
-
#f2f1f9
#f2f1f9
rgb(242,241,249)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #554eb1
A tone is produced by adding gray to any pure hue. In this case, #7f7f80 is the less saturated color, while #1a09f6 is the most saturated one.
-
#7f7f80
#7f7f80
rgb(127,127,128)
-
#77758a
#77758a
rgb(119,117,138)
-
#6e6b94
#6e6b94
rgb(110,107,148)
-
#66629d
#66629d
rgb(102,98,157)
-
#5d58a7
#5d58a7
rgb(93,88,167)
-
#554eb1
#554eb1
rgb(85,78,177)
-
#4d44bb
#4d44bb
rgb(77,68,187)
-
#443ac5
#443ac5
rgb(68,58,197)
-
#3c31ce
#3c31ce
rgb(60,49,206)
-
#3327d8
#3327d8
rgb(51,39,216)
-
#2b1de2
#2b1de2
rgb(43,29,226)
-
#2213ec
#2213ec
rgb(34,19,236)
-
#1a09f6
#1a09f6
rgb(26,9,246)
Color Blindness Simulator
Below, you can see how #554eb1 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.