#553bb8 Color Information
In a RGB color space, hex #553bb8 is composed of 33.3% red, 23.1% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 53.8% cyan, 67.9% magenta, 0% yellow and 27.8% black. It has a hue angle of 252.5 degrees, a saturation of 51.4% and a lightness of 47.6%. #553bb8 color hex could be obtained by blending #aa76ff with #000071. Closest websafe color is: #6633cc.
-
- R 33
- G 23
- B 72
-
- C 54
- M 68
- Y 0
- K 28
● #553bb8 color description : Moderate blue.
#553bb8 Color Conversion
The hexadecimal color #553bb8 has RGB values of R:85, G:59, B:184 and CMYK values of C:0.54, M:0.68, Y:0, K:0.28. Its decimal value is 5585848.
Hex triplet | 553bb8 | #553bb8 |
---|---|---|
RGB Decimal | 85, 59, 184 | rgb(85,59,184) |
RGB Percent | 33.3, 23.1, 72.2 | rgb(33.3%,23.1%,72.2%) |
CMYK | 54, 68, 0, 28 | |
HSL | 252.5°, 51.4, 47.6 | hsl(252.5,51.4%,47.6%) |
HSV (or HSB) | 252.5°, 67.9, 72.2 | |
Web Safe | 6633cc | #6633cc |
CIE-LAB | 35.042, 43.799, -62.342 |
---|---|
XYZ | 13.96, 8.52, 46.254 |
xyY | 0.203, 0.124, 8.52 |
CIE-LCH | 35.042, 76.19, 305.09 |
CIE-LUV | 35.042, 0.56, -88.83 |
Hunter-Lab | 29.188, 34.295, -73.523 |
Binary | 01010101, 00111011, 10111000 |
Color Schemes with #553bb8
Alternatives to #553bb8
Below, you can see some colors close to #553bb8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#553bb8 Preview
This text has a font color of #553bb8.
<span style="color:#553bb8;">Text here</span>
This paragraph has a background color of #553bb8.
<p style="background-color:#553bb8;">Content here</p>
This element has a border color of #553bb8.
<div style="border:1px solid #553bb8;">Content here</div>
.text {color:#553bb8;}
.background {background-color:#553bb8;}
.border {border:1px solid #553bb8;}
Shades and Tints of #553bb8
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 #f7f6fc is the lightest one.
-
#030206
#030206
rgb(3,2,6)
-
#0a0715
#0a0715
rgb(10,7,21)
-
#100b23
#100b23
rgb(16,11,35)
-
#171032
#171032
rgb(23,16,50)
-
#1e1541
#1e1541
rgb(30,21,65)
-
#251a50
#251a50
rgb(37,26,80)
-
#2c1e5f
#2c1e5f
rgb(44,30,95)
-
#33236e
#33236e
rgb(51,35,110)
-
#3a287d
#3a287d
rgb(58,40,125)
-
#402d8b
#402d8b
rgb(64,45,139)
-
#47319a
#47319a
rgb(71,49,154)
-
#4e36a9
#4e36a9
rgb(78,54,169)
-
#553bb8
#553bb8
rgb(85,59,184)
-
#5e44c3
#5e44c3
rgb(94,68,195)
-
#6b53c8
#6b53c8
rgb(107,83,200)
-
#7861cc
#7861cc
rgb(120,97,204)
-
#8470d1
#8470d1
rgb(132,112,209)
-
#917fd6
#917fd6
rgb(145,127,214)
-
#9e8edb
#9e8edb
rgb(158,142,219)
-
#ab9de0
#ab9de0
rgb(171,157,224)
-
#b7ace4
#b7ace4
rgb(183,172,228)
-
#c4bbe9
#c4bbe9
rgb(196,187,233)
-
#d1c9ee
#d1c9ee
rgb(209,201,238)
-
#ded8f3
#ded8f3
rgb(222,216,243)
-
#eae7f7
#eae7f7
rgb(234,231,247)
-
#f7f6fc
#f7f6fc
rgb(247,246,252)
Tones of #553bb8
A tone is produced by adding gray to any pure hue. In this case, #767380 is the less saturated color, while #3403f0 is the most saturated one.
-
#767380
#767380
rgb(118,115,128)
-
#706a89
#706a89
rgb(112,106,137)
-
#6b6093
#6b6093
rgb(107,96,147)
-
#65579c
#65579c
rgb(101,87,156)
-
#604ea5
#604ea5
rgb(96,78,165)
-
#5a44af
#5a44af
rgb(90,68,175)
-
#553bb8
#553bb8
rgb(85,59,184)
-
#5032c1
#5032c1
rgb(80,50,193)
-
#4a28cb
#4a28cb
rgb(74,40,203)
-
#451fd4
#451fd4
rgb(69,31,212)
-
#3f16dd
#3f16dd
rgb(63,22,221)
-
#3a0ce7
#3a0ce7
rgb(58,12,231)
-
#3403f0
#3403f0
rgb(52,3,240)
Color Blindness Simulator
Below, you can see how #553bb8 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.