#553ac4 Color Information
In a RGB color space, hex #553ac4 is composed of 33.3% red, 22.7% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 56.6% cyan, 70.4% magenta, 0% yellow and 23.1% black. It has a hue angle of 251.7 degrees, a saturation of 54.3% and a lightness of 49.8%. #553ac4 color hex could be obtained by blending #aa74ff with #000089. Closest websafe color is: #6633cc.
-
- R 33
- G 23
- B 77
-
- C 57
- M 70
- Y 0
- K 23
● #553ac4 color description : Moderate blue.
#553ac4 Color Conversion
The hexadecimal color #553ac4 has RGB values of R:85, G:58, B:196 and CMYK values of C:0.57, M:0.7, Y:0, K:0.23. Its decimal value is 5585604.
Hex triplet | 553ac4 | #553ac4 |
---|---|---|
RGB Decimal | 85, 58, 196 | rgb(85,58,196) |
RGB Percent | 33.3, 22.7, 76.9 | rgb(33.3%,22.7%,76.9%) |
CMYK | 57, 70, 0, 23 | |
HSL | 251.7°, 54.3, 49.8 | hsl(251.7,54.3%,49.8%) |
HSV (or HSB) | 251.7°, 70.4, 76.9 | |
Web Safe | 6633cc | #6633cc |
CIE-LAB | 35.873, 47.932, -68.034 |
---|---|
XYZ | 15.221, 8.942, 53.146 |
xyY | 0.197, 0.116, 8.942 |
CIE-LCH | 35.873, 83.223, 305.166 |
CIE-LUV | 35.873, -0.312, -96.863 |
Hunter-Lab | 29.904, 38.526, -84.438 |
Binary | 01010101, 00111010, 11000100 |
Color Schemes with #553ac4
Alternatives to #553ac4
Below, you can see some colors close to #553ac4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#553ac4 Preview
This text has a font color of #553ac4.
<span style="color:#553ac4;">Text here</span>
This paragraph has a background color of #553ac4.
<p style="background-color:#553ac4;">Content here</p>
This element has a border color of #553ac4.
<div style="border:1px solid #553ac4;">Content here</div>
.text {color:#553ac4;}
.background {background-color:#553ac4;}
.border {border:1px solid #553ac4;}
Shades and Tints of #553ac4
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, #06040e is the darkest color, while #fefeff is the lightest one.
-
#06040e
#06040e
rgb(6,4,14)
-
#0d091e
#0d091e
rgb(13,9,30)
-
#130d2d
#130d2d
rgb(19,13,45)
-
#1a123c
#1a123c
rgb(26,18,60)
-
#20164b
#20164b
rgb(32,22,75)
-
#271b5a
#271b5a
rgb(39,27,90)
-
#2e1f69
#2e1f69
rgb(46,31,105)
-
#342478
#342478
rgb(52,36,120)
-
#3b2887
#3b2887
rgb(59,40,135)
-
#412d97
#412d97
rgb(65,45,151)
-
#4831a6
#4831a6
rgb(72,49,166)
-
#4e36b5
#4e36b5
rgb(78,54,181)
-
#553ac4
#553ac4
rgb(85,58,196)
-
#6249c9
#6249c9
rgb(98,73,201)
-
#6f58ce
#6f58ce
rgb(111,88,206)
-
#7c67d2
#7c67d2
rgb(124,103,210)
-
#8976d6
#8976d6
rgb(137,118,214)
-
#9685db
#9685db
rgb(150,133,219)
-
#a394df
#a394df
rgb(163,148,223)
-
#b0a3e4
#b0a3e4
rgb(176,163,228)
-
#bdb3e8
#bdb3e8
rgb(189,179,232)
-
#cac2ed
#cac2ed
rgb(202,194,237)
-
#d7d1f1
#d7d1f1
rgb(215,209,241)
-
#e4e0f6
#e4e0f6
rgb(228,224,246)
-
#f1effa
#f1effa
rgb(241,239,250)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #553ac4
A tone is produced by adding gray to any pure hue. In this case, #7f7e80 is the less saturated color, while #3709f5 is the most saturated one.
-
#7f7e80
#7f7e80
rgb(127,126,128)
-
#797589
#797589
rgb(121,117,137)
-
#736b93
#736b93
rgb(115,107,147)
-
#6d619d
#6d619d
rgb(109,97,157)
-
#6757a7
#6757a7
rgb(103,87,167)
-
#614eb0
#614eb0
rgb(97,78,176)
-
#5b44ba
#5b44ba
rgb(91,68,186)
-
#553ac4
#553ac4
rgb(85,58,196)
-
#4f30ce
#4f30ce
rgb(79,48,206)
-
#4926d8
#4926d8
rgb(73,38,216)
-
#431de1
#431de1
rgb(67,29,225)
-
#3d13eb
#3d13eb
rgb(61,19,235)
-
#3709f5
#3709f5
rgb(55,9,245)
Color Blindness Simulator
Below, you can see how #553ac4 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.