#553fb5 Color Information
In a RGB color space, hex #553fb5 is composed of 33.3% red, 24.7% green and 71% blue. Whereas in a CMYK color space, it is composed of 53% cyan, 65.2% magenta, 0% yellow and 29% black. It has a hue angle of 251.2 degrees, a saturation of 48.4% and a lightness of 47.8%. #553fb5 color hex could be obtained by blending #aa7eff with #00006b. Closest websafe color is: #6633cc.
-
- R 33
- G 25
- B 71
-
- C 53
- M 65
- Y 0
- K 29
● #553fb5 color description : Moderate blue.
#553fb5 Color Conversion
The hexadecimal color #553fb5 has RGB values of R:85, G:63, B:181 and CMYK values of C:0.53, M:0.65, Y:0, K:0.29. Its decimal value is 5586869.
Hex triplet | 553fb5 | #553fb5 |
---|---|---|
RGB Decimal | 85, 63, 181 | rgb(85,63,181) |
RGB Percent | 33.3, 24.7, 71 | rgb(33.3%,24.7%,71%) |
CMYK | 53, 65, 0, 29 | |
HSL | 251.2°, 48.4, 47.8 | hsl(251.2,48.4%,47.8%) |
HSV (or HSB) | 251.2°, 65.2, 71 | |
Web Safe | 6633cc | #6633cc |
CIE-LAB | 35.64, 40.608, -59.594 |
---|---|
XYZ | 13.863, 8.822, 44.686 |
xyY | 0.206, 0.131, 8.822 |
CIE-LCH | 35.64, 72.114, 304.271 |
CIE-LUV | 35.64, 0.01, -85.724 |
Hunter-Lab | 29.702, 31.332, -68.409 |
Binary | 01010101, 00111111, 10110101 |
Color Schemes with #553fb5
Alternatives to #553fb5
Below, you can see some colors close to #553fb5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#553fb5 Preview
This text has a font color of #553fb5.
<span style="color:#553fb5;">Text here</span>
This paragraph has a background color of #553fb5.
<p style="background-color:#553fb5;">Content here</p>
This element has a border color of #553fb5.
<div style="border:1px solid #553fb5;">Content here</div>
.text {color:#553fb5;}
.background {background-color:#553fb5;}
.border {border:1px solid #553fb5;}
Shades and Tints of #553fb5
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, #030206 is the darkest color, while #f8f7fc is the lightest one.
-
#030206
#030206
rgb(3,2,6)
-
#0a0715
#0a0715
rgb(10,7,21)
-
#110c23
#110c23
rgb(17,12,35)
-
#181132
#181132
rgb(24,17,50)
-
#1e1641
#1e1641
rgb(30,22,65)
-
#251c4f
#251c4f
rgb(37,28,79)
-
#2c215e
#2c215e
rgb(44,33,94)
-
#33266c
#33266c
rgb(51,38,108)
-
#3a2b7b
#3a2b7b
rgb(58,43,123)
-
#413089
#413089
rgb(65,48,137)
-
#473598
#473598
rgb(71,53,152)
-
#4e3aa6
#4e3aa6
rgb(78,58,166)
-
#553fb5
#553fb5
rgb(85,63,181)
-
#5e48bf
#5e48bf
rgb(94,72,191)
-
#6b57c4
#6b57c4
rgb(107,87,196)
-
#7865ca
#7865ca
rgb(120,101,202)
-
#8574cf
#8574cf
rgb(133,116,207)
-
#9282d4
#9282d4
rgb(146,130,212)
-
#9e91d9
#9e91d9
rgb(158,145,217)
-
#aba0de
#aba0de
rgb(171,160,222)
-
#b8aee3
#b8aee3
rgb(184,174,227)
-
#c5bde8
#c5bde8
rgb(197,189,232)
-
#d1cbed
#d1cbed
rgb(209,203,237)
-
#dedaf2
#dedaf2
rgb(222,218,242)
-
#ebe8f7
#ebe8f7
rgb(235,232,247)
-
#f8f7fc
#f8f7fc
rgb(248,247,252)
Tones of #553fb5
A tone is produced by adding gray to any pure hue. In this case, #78777d is the less saturated color, while #3207ed is the most saturated one.
-
#78777d
#78777d
rgb(120,119,125)
-
#726e86
#726e86
rgb(114,110,134)
-
#6d658f
#6d658f
rgb(109,101,143)
-
#675b99
#675b99
rgb(103,91,153)
-
#6152a2
#6152a2
rgb(97,82,162)
-
#5b48ac
#5b48ac
rgb(91,72,172)
-
#553fb5
#553fb5
rgb(85,63,181)
-
#4f36be
#4f36be
rgb(79,54,190)
-
#492cc8
#492cc8
rgb(73,44,200)
-
#4323d1
#4323d1
rgb(67,35,209)
-
#3d19db
#3d19db
rgb(61,25,219)
-
#3810e4
#3810e4
rgb(56,16,228)
-
#3207ed
#3207ed
rgb(50,7,237)
Color Blindness Simulator
Below, you can see how #553fb5 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.