#554bee Color Information
In a RGB color space, hex #554bee is composed of 33.3% red, 29.4% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 64.3% cyan, 68.5% magenta, 0% yellow and 6.7% black. It has a hue angle of 243.7 degrees, a saturation of 82.7% and a lightness of 61.4%. #554bee color hex could be obtained by blending #aa96ff with #0000dd. Closest websafe color is: #6633ff.
-
- R 33
- G 29
- B 93
-
- C 64
- M 68
- Y 0
- K 7
● #554bee color description : Soft blue.
#554bee Color Conversion
The hexadecimal color #554bee has RGB values of R:85, G:75, B:238 and CMYK values of C:0.64, M:0.68, Y:0, K:0.07. Its decimal value is 5589998.
| Hex triplet | 554bee | #554bee |
|---|---|---|
| RGB Decimal | 85, 75, 238 | rgb(85,75,238) |
| RGB Percent | 33.3, 29.4, 93.3 | rgb(33.3%,29.4%,93.3%) |
| CMYK | 64, 68, 0, 7 | |
| HSL | 243.7°, 82.7, 61.4 | hsl(243.7,82.7%,61.4%) |
| HSV (or HSB) | 243.7°, 68.5, 93.3 | |
| Web Safe | 6633ff | #6633ff |
| CIE-LAB | 42.967, 51.389, -80.5 |
|---|---|
| XYZ | 21.692, 13.135, 82.277 |
| xyY | 0.185, 0.112, 13.135 |
| CIE-LCH | 42.967, 95.504, 302.553 |
| CIE-LUV | 42.967, -6.403, -119.759 |
| Hunter-Lab | 36.243, 43.41, -109.227 |
| Binary | 01010101, 01001011, 11101110 |
Color Schemes with #554bee
Alternatives to #554bee
Below, you can see some colors close to #554bee. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#554bee Preview
This text has a font color of #554bee.
<span style="color:#554bee;">Text here</span>
This paragraph has a background color of #554bee.
<p style="background-color:#554bee;">Content here</p>
This element has a border color of #554bee.
<div style="border:1px solid #554bee;">Content here</div>
.text {color:#554bee;}
.background {background-color:#554bee;}
.border {border:1px solid #554bee;}
Shades and Tints of #554bee
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, #030211 is the darkest color, while #fefeff is the lightest one.
-
#030211
#030211rgb(3,2,17) -
#050323
#050323rgb(5,3,35) -
#080535
#080535rgb(8,5,53) -
#0b0747
#0b0747rgb(11,7,71) -
#0d0859
#0d0859rgb(13,8,89) -
#100a6b
#100a6brgb(16,10,107) -
#130c7d
#130c7drgb(19,12,125) -
#150d8f
#150d8frgb(21,13,143) -
#180fa1
#180fa1rgb(24,15,161) -
#1b11b2
#1b11b2rgb(27,17,178) -
#1d13c4
#1d13c4rgb(29,19,196) -
#2014d6
#2014d6rgb(32,20,214) -
#2316e8
#2316e8rgb(35,22,232)
-
#3327eb
#3327ebrgb(51,39,235) -
#4439ec
#4439ecrgb(68,57,236) -
#554bee
#554beergb(85,75,238) -
#665df0
#665df0rgb(102,93,240) -
#776ff1
#776ff1rgb(119,111,241) -
#8881f3
#8881f3rgb(136,129,243) -
#9993f5
#9993f5rgb(153,147,245) -
#aaa5f6
#aaa5f6rgb(170,165,246) -
#bbb7f8
#bbb7f8rgb(187,183,248) -
#cbc8fa
#cbc8fargb(203,200,250) -
#dcdafc
#dcdafcrgb(220,218,252) -
#edecfd
#edecfdrgb(237,236,253) -
#fefeff
#fefeffrgb(254,254,255)
Tones of #554bee
A tone is produced by adding gray to any pure hue. In this case, #9797a2 is the less saturated color, while #483cfd is the most saturated one.
-
#9797a2
#9797a2rgb(151,151,162) -
#918faa
#918faargb(145,143,170) -
#8a88b1
#8a88b1rgb(138,136,177) -
#8480b9
#8480b9rgb(132,128,185) -
#7d78c1
#7d78c1rgb(125,120,193) -
#7671c8
#7671c8rgb(118,113,200) -
#7069d0
#7069d0rgb(112,105,208) -
#6962d7
#6962d7rgb(105,98,215) -
#625adf
#625adfrgb(98,90,223) -
#5c53e6
#5c53e6rgb(92,83,230) -
#554bee
#554beergb(85,75,238) -
#4e43f6
#4e43f6rgb(78,67,246) -
#483cfd
#483cfdrgb(72,60,253)
Color Blindness Simulator
Below, you can see how #554bee 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.
