#554bb2 Color Information
In a RGB color space, hex #554bb2 is composed of 33.3% red, 29.4% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 52.2% cyan, 57.9% magenta, 0% yellow and 30.2% black. It has a hue angle of 245.8 degrees, a saturation of 40.7% and a lightness of 49.6%. #554bb2 color hex could be obtained by blending #aa96ff with #000065. Closest websafe color is: #663399.
-
- R 33
- G 29
- B 70
-
- C 52
- M 58
- Y 0
- K 30
● #554bb2 color description : Dark moderate blue.
#554bb2 Color Conversion
The hexadecimal color #554bb2 has RGB values of R:85, G:75, B:178 and CMYK values of C:0.52, M:0.58, Y:0, K:0.3. Its decimal value is 5589938.
Hex triplet | 554bb2 | #554bb2 |
---|---|---|
RGB Decimal | 85, 75, 178 | rgb(85,75,178) |
RGB Percent | 33.3, 29.4, 69.8 | rgb(33.3%,29.4%,69.8%) |
CMYK | 52, 58, 0, 30 | |
HSL | 245.8°, 40.7, 49.6 | hsl(245.8,40.7%,49.6%) |
HSV (or HSB) | 245.8°, 57.9, 69.8 | |
Web Safe | 663399 | #663399 |
CIE-LAB | 38.159, 32.467, -53.73 |
---|---|
XYZ | 14.297, 10.177, 43.328 |
xyY | 0.211, 0.15, 10.177 |
CIE-LCH | 38.159, 62.777, 301.143 |
CIE-LUV | 38.159, -2.606, -79.306 |
Hunter-Lab | 31.902, 24.165, -58.194 |
Binary | 01010101, 01001011, 10110010 |
Color Schemes with #554bb2
Alternatives to #554bb2
Below, you can see some colors close to #554bb2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#554bb2 Preview
This text has a font color of #554bb2.
<span style="color:#554bb2;">Text here</span>
This paragraph has a background color of #554bb2.
<p style="background-color:#554bb2;">Content here</p>
This element has a border color of #554bb2.
<div style="border:1px solid #554bb2;">Content here</div>
.text {color:#554bb2;}
.background {background-color:#554bb2;}
.border {border:1px solid #554bb2;}
Shades and Tints of #554bb2
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, #06050c is the darkest color, while #fefefe is the lightest one.
-
#06050c
#06050c
rgb(6,5,12)
-
#0d0b1a
#0d0b1a
rgb(13,11,26)
-
#131128
#131128
rgb(19,17,40)
-
#1a1736
#1a1736
rgb(26,23,54)
-
#201c44
#201c44
rgb(32,28,68)
-
#272251
#272251
rgb(39,34,81)
-
#2d285f
#2d285f
rgb(45,40,95)
-
#342e6d
#342e6d
rgb(52,46,109)
-
#3b347b
#3b347b
rgb(59,52,123)
-
#413a89
#413a89
rgb(65,58,137)
-
#483f96
#483f96
rgb(72,63,150)
-
#4e45a4
#4e45a4
rgb(78,69,164)
-
#554bb2
#554bb2
rgb(85,75,178)
-
#6158b9
#6158b9
rgb(97,88,185)
-
#6e66be
#6e66be
rgb(110,102,190)
-
#7b74c4
#7b74c4
rgb(123,116,196)
-
#8881ca
#8881ca
rgb(136,129,202)
-
#958fd0
#958fd0
rgb(149,143,208)
-
#a29dd6
#a29dd6
rgb(162,157,214)
-
#b0abdc
#b0abdc
rgb(176,171,220)
-
#bdb9e1
#bdb9e1
rgb(189,185,225)
-
#cac6e7
#cac6e7
rgb(202,198,231)
-
#d7d4ed
#d7d4ed
rgb(215,212,237)
-
#e4e2f3
#e4e2f3
rgb(228,226,243)
-
#f1f0f9
#f1f0f9
rgb(241,240,249)
-
#fefefe
#fefefe
rgb(254,254,254)
Tones of #554bb2
A tone is produced by adding gray to any pure hue. In this case, #7c7c81 is the less saturated color, while #1e07f6 is the most saturated one.
-
#7c7c81
#7c7c81
rgb(124,124,129)
-
#74728b
#74728b
rgb(116,114,139)
-
#6d6895
#6d6895
rgb(109,104,149)
-
#655e9f
#655e9f
rgb(101,94,159)
-
#5d55a8
#5d55a8
rgb(93,85,168)
-
#554bb2
#554bb2
rgb(85,75,178)
-
#4d41bc
#4d41bc
rgb(77,65,188)
-
#4538c5
#4538c5
rgb(69,56,197)
-
#3d2ecf
#3d2ecf
rgb(61,46,207)
-
#3624d9
#3624d9
rgb(54,36,217)
-
#2e1ae3
#2e1ae3
rgb(46,26,227)
-
#2611ec
#2611ec
rgb(38,17,236)
-
#1e07f6
#1e07f6
rgb(30,7,246)
Color Blindness Simulator
Below, you can see how #554bb2 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.