#553c60 Color Information
In a RGB color space, hex #553c60 is composed of 33.3% red, 23.5% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 11.5% cyan, 37.5% magenta, 0% yellow and 62.4% black. It has a hue angle of 281.7 degrees, a saturation of 23.1% and a lightness of 30.6%. #553c60 color hex could be obtained by blending #aa78c0 with #000000. Closest websafe color is: #663366.
-
- R 33
- G 24
- B 38
-
- C 11
- M 38
- Y 0
- K 62
● #553c60 color description : Very dark desaturated violet.
#553c60 Color Conversion
The hexadecimal color #553c60 has RGB values of R:85, G:60, B:96 and CMYK values of C:0.11, M:0.38, Y:0, K:0.62. Its decimal value is 5586016.
| Hex triplet | 553c60 | #553c60 |
|---|---|---|
| RGB Decimal | 85, 60, 96 | rgb(85,60,96) |
| RGB Percent | 33.3, 23.5, 37.6 | rgb(33.3%,23.5%,37.6%) |
| CMYK | 11, 38, 0, 62 | |
| HSL | 281.7°, 23.1, 30.6 | hsl(281.7,23.1%,30.6%) |
| HSV (or HSB) | 281.7°, 37.5, 37.6 | |
| Web Safe | 663366 | #663366 |
| CIE-LAB | 29.432, 18.376, -17.108 |
|---|---|
| XYZ | 7.473, 6.008, 11.832 |
| xyY | 0.295, 0.237, 6.008 |
| CIE-LCH | 29.432, 25.107, 317.047 |
| CIE-LUV | 29.432, 10.245, -23.743 |
| Hunter-Lab | 24.511, 11.53, -11.463 |
| Binary | 01010101, 00111100, 01100000 |
Color Schemes with #553c60
Alternatives to #553c60
Below, you can see some colors close to #553c60. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#553c60 Preview
This text has a font color of #553c60.
<span style="color:#553c60;">Text here</span>
This paragraph has a background color of #553c60.
<p style="background-color:#553c60;">Content here</p>
This element has a border color of #553c60.
<div style="border:1px solid #553c60;">Content here</div>
.text {color:#553c60;}
.background {background-color:#553c60;}
.border {border:1px solid #553c60;}
Shades and Tints of #553c60
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, #0a070c is the darkest color, while #fffeff is the lightest one.
-
#0a070c
#0a070crgb(10,7,12) -
#150f18
#150f18rgb(21,15,24) -
#201624
#201624rgb(32,22,36) -
#2a1e30
#2a1e30rgb(42,30,48) -
#35253c
#35253crgb(53,37,60) -
#402d48
#402d48rgb(64,45,72) -
#4a3454
#4a3454rgb(74,52,84) -
#553c60
#553c60rgb(85,60,96) -
#60446c
#60446crgb(96,68,108) -
#6a4b78
#6a4b78rgb(106,75,120) -
#755384
#755384rgb(117,83,132) -
#805a90
#805a90rgb(128,90,144) -
#8a629c
#8a629crgb(138,98,156)
-
#936ea4
#936ea4rgb(147,110,164) -
#9c7aac
#9c7aacrgb(156,122,172) -
#a586b3
#a586b3rgb(165,134,179) -
#ae92bb
#ae92bbrgb(174,146,187) -
#b79ec2
#b79ec2rgb(183,158,194) -
#c0aaca
#c0aacargb(192,170,202) -
#c9b6d1
#c9b6d1rgb(201,182,209) -
#d2c2d9
#d2c2d9rgb(210,194,217) -
#dbcee0
#dbcee0rgb(219,206,224) -
#e4dae8
#e4dae8rgb(228,218,232) -
#ede6f0
#ede6f0rgb(237,230,240) -
#f6f2f7
#f6f2f7rgb(246,242,247) -
#fffeff
#fffeffrgb(255,254,255)
Tones of #553c60
A tone is produced by adding gray to any pure hue. In this case, #504854 is the less saturated color, while #6c009c is the most saturated one.
-
#504854
#504854rgb(80,72,84) -
#53425a
#53425argb(83,66,90) -
#553c60
#553c60rgb(85,60,96) -
#573666
#573666rgb(87,54,102) -
#5a306c
#5a306crgb(90,48,108) -
#5c2a72
#5c2a72rgb(92,42,114) -
#5e2478
#5e2478rgb(94,36,120) -
#611e7e
#611e7ergb(97,30,126) -
#631884
#631884rgb(99,24,132) -
#65128a
#65128argb(101,18,138) -
#680c90
#680c90rgb(104,12,144) -
#6a0696
#6a0696rgb(106,6,150) -
#6c009c
#6c009crgb(108,0,156)
Color Blindness Simulator
Below, you can see how #553c60 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.
