#554eb3 Color Information
In a RGB color space, hex #554eb3 is composed of 33.3% red, 30.6% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 52.5% cyan, 56.4% magenta, 0% yellow and 29.8% black. It has a hue angle of 244.2 degrees, a saturation of 39.9% and a lightness of 50.4%. #554eb3 color hex could be obtained by blending #aa9cff with #000067. Closest websafe color is: #6666cc.
-
- R 33
- G 31
- B 70
-
- C 53
- M 56
- Y 0
- K 30
● #554eb3 color description : Moderate blue.
#554eb3 Color Conversion
The hexadecimal color #554eb3 has RGB values of R:85, G:78, B:179 and CMYK values of C:0.53, M:0.56, Y:0, K:0.3. Its decimal value is 5590707.
Hex triplet | 554eb3 | #554eb3 |
---|---|---|
RGB Decimal | 85, 78, 179 | rgb(85,78,179) |
RGB Percent | 33.3, 30.6, 70.2 | rgb(33.3%,30.6%,70.2%) |
CMYK | 53, 56, 0, 30 | |
HSL | 244.2°, 39.9, 50.4 | hsl(244.2,39.9%,50.4%) |
HSV (or HSB) | 244.2°, 56.4, 70.2 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 38.958, 30.927, -53.029 |
---|---|
XYZ | 14.606, 10.634, 43.928 |
xyY | 0.211, 0.154, 10.634 |
CIE-LCH | 38.958, 61.389, 300.252 |
CIE-LUV | 38.958, -3.472, -78.736 |
Hunter-Lab | 32.61, 22.88, -57.041 |
Binary | 01010101, 01001110, 10110011 |
Color Schemes with #554eb3
Alternatives to #554eb3
Below, you can see some colors close to #554eb3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#554eb3 Preview
This text has a font color of #554eb3.
<span style="color:#554eb3;">Text here</span>
This paragraph has a background color of #554eb3.
<p style="background-color:#554eb3;">Content here</p>
This element has a border color of #554eb3.
<div style="border:1px solid #554eb3;">Content here</div>
.text {color:#554eb3;}
.background {background-color:#554eb3;}
.border {border:1px solid #554eb3;}
Shades and Tints of #554eb3
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, #010101 is the darkest color, while #f3f3fa is the lightest one.
-
#010101
#010101
rgb(1,1,1)
-
#07060f
#07060f
rgb(7,6,15)
-
#0e0c1d
#0e0c1d
rgb(14,12,29)
-
#14122b
#14122b
rgb(20,18,43)
-
#1a1838
#1a1838
rgb(26,24,56)
-
#211e46
#211e46
rgb(33,30,70)
-
#272454
#272454
rgb(39,36,84)
-
#2e2a61
#2e2a61
rgb(46,42,97)
-
#34306f
#34306f
rgb(52,48,111)
-
#3b367d
#3b367d
rgb(59,54,125)
-
#413c8b
#413c8b
rgb(65,60,139)
-
#474198
#474198
rgb(71,65,152)
-
#4e47a6
#4e47a6
rgb(78,71,166)
-
#554eb3
#554eb3
rgb(85,78,179)
-
#625cb9
#625cb9
rgb(98,92,185)
-
#6f69bf
#6f69bf
rgb(111,105,191)
-
#7d77c5
#7d77c5
rgb(125,119,197)
-
#8a85cb
#8a85cb
rgb(138,133,203)
-
#9793d0
#9793d0
rgb(151,147,208)
-
#a4a0d6
#a4a0d6
rgb(164,160,214)
-
#b1aedc
#b1aedc
rgb(177,174,220)
-
#bebce2
#bebce2
rgb(190,188,226)
-
#cccae8
#cccae8
rgb(204,202,232)
-
#d9d7ee
#d9d7ee
rgb(217,215,238)
-
#e6e5f4
#e6e5f4
rgb(230,229,244)
-
#f3f3fa
#f3f3fa
rgb(243,243,250)
Tones of #554eb3
A tone is produced by adding gray to any pure hue. In this case, #7f7f82 is the less saturated color, while #1a0af7 is the most saturated one.
-
#7f7f82
#7f7f82
rgb(127,127,130)
-
#77758c
#77758c
rgb(119,117,140)
-
#6e6b96
#6e6b96
rgb(110,107,150)
-
#6661a0
#6661a0
rgb(102,97,160)
-
#5d58a9
#5d58a9
rgb(93,88,169)
-
#554eb3
#554eb3
rgb(85,78,179)
-
#4d44bd
#4d44bd
rgb(77,68,189)
-
#443bc6
#443bc6
rgb(68,59,198)
-
#3c31d0
#3c31d0
rgb(60,49,208)
-
#3327da
#3327da
rgb(51,39,218)
-
#2b1de4
#2b1de4
rgb(43,29,228)
-
#2314ed
#2314ed
rgb(35,20,237)
-
#1a0af7
#1a0af7
rgb(26,10,247)
Color Blindness Simulator
Below, you can see how #554eb3 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.