#552aa4 Color Information
In a RGB color space, hex #552aa4 is composed of 33.3% red, 16.5% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 48.2% cyan, 74.4% magenta, 0% yellow and 35.7% black. It has a hue angle of 261.1 degrees, a saturation of 59.2% and a lightness of 40.4%. #552aa4 color hex could be obtained by blending #aa54ff with #000049. Closest websafe color is: #663399.
-
- R 33
- G 16
- B 64
-
- C 48
- M 74
- Y 0
- K 36
● #552aa4 color description : Dark violet.
#552aa4 Color Conversion
The hexadecimal color #552aa4 has RGB values of R:85, G:42, B:164 and CMYK values of C:0.48, M:0.74, Y:0, K:0.36. Its decimal value is 5581476.
Hex triplet | 552aa4 | #552aa4 |
---|---|---|
RGB Decimal | 85, 42, 164 | rgb(85,42,164) |
RGB Percent | 33.3, 16.5, 64.3 | rgb(33.3%,16.5%,64.3%) |
CMYK | 48, 74, 0, 36 | |
HSL | 261.1°, 59.2, 40.4 | hsl(261.1,59.2%,40.4%) |
HSV (or HSB) | 261.1°, 74.4, 64.3 | |
Web Safe | 663399 | #663399 |
CIE-LAB | 30.077, 47.059, -58.513 |
---|---|
XYZ | 11.274, 6.267, 35.736 |
xyY | 0.212, 0.118, 6.267 |
CIE-LCH | 30.077, 75.089, 308.808 |
CIE-LUV | 30.077, 5.624, -79.328 |
Hunter-Lab | 25.035, 36.573, -67.108 |
Binary | 01010101, 00101010, 10100100 |
Color Schemes with #552aa4
Alternatives to #552aa4
Below, you can see some colors close to #552aa4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#552aa4 Preview
This text has a font color of #552aa4.
<span style="color:#552aa4;">Text here</span>
This paragraph has a background color of #552aa4.
<p style="background-color:#552aa4;">Content here</p>
This element has a border color of #552aa4.
<div style="border:1px solid #552aa4;">Content here</div>
.text {color:#552aa4;}
.background {background-color:#552aa4;}
.border {border:1px solid #552aa4;}
Shades and Tints of #552aa4
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, #040208 is the darkest color, while #f9f7fd is the lightest one.
-
#040208
#040208
rgb(4,2,8)
-
#0c0617
#0c0617
rgb(12,6,23)
-
#140a27
#140a27
rgb(20,10,39)
-
#1c0e37
#1c0e37
rgb(28,14,55)
-
#241246
#241246
rgb(36,18,70)
-
#2d1656
#2d1656
rgb(45,22,86)
-
#351a66
#351a66
rgb(53,26,102)
-
#3d1e75
#3d1e75
rgb(61,30,117)
-
#452285
#452285
rgb(69,34,133)
-
#4d2694
#4d2694
rgb(77,38,148)
-
#552aa4
#552aa4
rgb(85,42,164)
-
#5d2eb4
#5d2eb4
rgb(93,46,180)
-
#6532c3
#6532c3
rgb(101,50,195)
-
#6f3ccd
#6f3ccd
rgb(111,60,205)
-
#7b4bd1
#7b4bd1
rgb(123,75,209)
-
#865bd5
#865bd5
rgb(134,91,213)
-
#926bd9
#926bd9
rgb(146,107,217)
-
#9d7add
#9d7add
rgb(157,122,221)
-
#a98ae1
#a98ae1
rgb(169,138,225)
-
#b49ae5
#b49ae5
rgb(180,154,229)
-
#c0a9e9
#c0a9e9
rgb(192,169,233)
-
#cbb9ed
#cbb9ed
rgb(203,185,237)
-
#d7c8f1
#d7c8f1
rgb(215,200,241)
-
#e2d8f5
#e2d8f5
rgb(226,216,245)
-
#eee8f9
#eee8f9
rgb(238,232,249)
-
#f9f7fd
#f9f7fd
rgb(249,247,253)
Tones of #552aa4
A tone is produced by adding gray to any pure hue. In this case, #65616d is the less saturated color, while #4902cc is the most saturated one.
-
#65616d
#65616d
rgb(101,97,109)
-
#635a74
#635a74
rgb(99,90,116)
-
#61527c
#61527c
rgb(97,82,124)
-
#5e4a84
#5e4a84
rgb(94,74,132)
-
#5c428c
#5c428c
rgb(92,66,140)
-
#5a3a94
#5a3a94
rgb(90,58,148)
-
#57329c
#57329c
rgb(87,50,156)
-
#552aa4
#552aa4
rgb(85,42,164)
-
#5322ac
#5322ac
rgb(83,34,172)
-
#501ab4
#501ab4
rgb(80,26,180)
-
#4e12bc
#4e12bc
rgb(78,18,188)
-
#4c0ac4
#4c0ac4
rgb(76,10,196)
-
#4902cc
#4902cc
rgb(73,2,204)
Color Blindness Simulator
Below, you can see how #552aa4 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.