#555aa0 Color Information
In a RGB color space, hex #555aa0 is composed of 33.3% red, 35.3% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 46.9% cyan, 43.8% magenta, 0% yellow and 37.3% black. It has a hue angle of 236 degrees, a saturation of 30.6% and a lightness of 48%. #555aa0 color hex could be obtained by blending #aab4ff with #000041. Closest websafe color is: #666699.
-
- R 33
- G 35
- B 63
-
- C 47
- M 44
- Y 0
- K 37
● #555aa0 color description : Dark moderate blue.
#555aa0 Color Conversion
The hexadecimal color #555aa0 has RGB values of R:85, G:90, B:160 and CMYK values of C:0.47, M:0.44, Y:0, K:0.37. Its decimal value is 5593760.
Hex triplet | 555aa0 | #555aa0 |
---|---|---|
RGB Decimal | 85, 90, 160 | rgb(85,90,160) |
RGB Percent | 33.3, 35.3, 62.7 | rgb(33.3%,35.3%,62.7%) |
CMYK | 47, 44, 0, 37 | |
HSL | 236°, 30.6, 48 | hsl(236,30.6%,48%) |
HSV (or HSB) | 236°, 46.9, 62.7 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 40.866, 17.341, -38.704 |
---|---|
XYZ | 13.746, 11.781, 34.805 |
xyY | 0.228, 0.195, 11.781 |
CIE-LCH | 40.866, 42.411, 294.134 |
CIE-LUV | 40.866, -6.042, -57.782 |
Hunter-Lab | 34.324, 11.421, -36.095 |
Binary | 01010101, 01011010, 10100000 |
Color Schemes with #555aa0
Alternatives to #555aa0
Below, you can see some colors close to #555aa0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#555aa0 Preview
This text has a font color of #555aa0.
<span style="color:#555aa0;">Text here</span>
This paragraph has a background color of #555aa0.
<p style="background-color:#555aa0;">Content here</p>
This element has a border color of #555aa0.
<div style="border:1px solid #555aa0;">Content here</div>
.text {color:#555aa0;}
.background {background-color:#555aa0;}
.border {border:1px solid #555aa0;}
Shades and Tints of #555aa0
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, #030406 is the darkest color, while #f8f9fc is the lightest one.
-
#030406
#030406
rgb(3,4,6)
-
#0a0b13
#0a0b13
rgb(10,11,19)
-
#111220
#111220
rgb(17,18,32)
-
#18192d
#18192d
rgb(24,25,45)
-
#1f203a
#1f203a
rgb(31,32,58)
-
#252846
#252846
rgb(37,40,70)
-
#2c2f53
#2c2f53
rgb(44,47,83)
-
#333660
#333660
rgb(51,54,96)
-
#3a3d6d
#3a3d6d
rgb(58,61,109)
-
#41447a
#41447a
rgb(65,68,122)
-
#474c86
#474c86
rgb(71,76,134)
-
#4e5393
#4e5393
rgb(78,83,147)
-
#555aa0
#555aa0
rgb(85,90,160)
-
#5f64aa
#5f64aa
rgb(95,100,170)
-
#6c70b1
#6c70b1
rgb(108,112,177)
-
#787db7
#787db7
rgb(120,125,183)
-
#8589be
#8589be
rgb(133,137,190)
-
#9295c5
#9295c5
rgb(146,149,197)
-
#9fa2cc
#9fa2cc
rgb(159,162,204)
-
#acaed3
#acaed3
rgb(172,174,211)
-
#b8bbda
#b8bbda
rgb(184,187,218)
-
#c5c7e0
#c5c7e0
rgb(197,199,224)
-
#d2d3e7
#d2d3e7
rgb(210,211,231)
-
#dfe0ee
#dfe0ee
rgb(223,224,238)
-
#ececf5
#ececf5
rgb(236,236,245)
-
#f8f9fc
#f8f9fc
rgb(248,249,252)
Tones of #555aa0
A tone is produced by adding gray to any pure hue. In this case, #717384 is the less saturated color, while #0010f5 is the most saturated one.
-
#717384
#717384
rgb(113,115,132)
-
#686a8d
#686a8d
rgb(104,106,141)
-
#5e6297
#5e6297
rgb(94,98,151)
-
#555aa0
#555aa0
rgb(85,90,160)
-
#4c52a9
#4c52a9
rgb(76,82,169)
-
#424ab3
#424ab3
rgb(66,74,179)
-
#3941bc
#3941bc
rgb(57,65,188)
-
#2f39c6
#2f39c6
rgb(47,57,198)
-
#2631cf
#2631cf
rgb(38,49,207)
-
#1c29d9
#1c29d9
rgb(28,41,217)
-
#1321e2
#1321e2
rgb(19,33,226)
-
#0a19eb
#0a19eb
rgb(10,25,235)
-
#0010f5
#0010f5
rgb(0,16,245)
Color Blindness Simulator
Below, you can see how #555aa0 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.