COLOR #552475

HEX: #552475 RGB: (85,36,117)

Color info

#552475 contains mainly red and blue colors. Web safe color of #552475 is #663366 (or #636).

RGB color model

#552475 color RGB value is (85,36,117).

RGB: (85,36,117) (33%, 14%, 46%)

RGB channels and saturation

R 85 of 255 = 33%
G 36 of 255 = 14%
B 117 of 255 = 46%

85
36
117

R + G + B ~ 31%. #552475 is quite dark color.

Portions of RGB colors in percentages

R + G + B = 85 + 36 + 117 = 238 (100%)
R 85 of 238 ~ 35.71%
G 36 of 238 ~ 15.13%
B 117 of 238 ~ 49.16'%

%35.71
%15.13
%49.16

CMYK color model

#552475 color CMYK value is (27,69,0,54).

  • cyan value is 27.35%
  • magenta value is 69.23%
  • yellow value is 0.00%
  • key color value is 54.12%

CMYK: (27,69,0,54)
C27M69Y0K54 (27%, 69%, 0%, 54%)
(0.27 / 0.69 / 0.00 / 0.54)

CMYK percentages

%27.35
%69.23
%0
%54.12

Codes

Color #552475 in popluar color models

55 24 75
RGB 85 36 117
HSL 276° 52.94% 30.00%
HSB/HSV 276° 69.23% 45.88%
CMYK 27.35% 69.23% 0.00%
54.12%

Color #552475 in popluar number systems.

HEX 55 24 75
Decimal 85 36 117
Binary 1010101 100100 1110101
Octal 125 44 165

Shades and tints

Shades of #552475

#552475
(85,36,117)
#4E216B
(78,33,107)
#471E61
(71,30,97)
#401B57
(64,27,87)
#39184D
(57,24,77)
#321543
(50,21,67)
#2B1239
(43,18,57)
#240F2F
(36,15,47)
#1D0C25
(29,12,37)
#16091B
(22,9,27)
#0F0611
(15,6,17)
#000000
(0,0,0)

Tints of #552475

#552475
(85,36,117)
#643781
(100,55,129)
#734A8D
(115,74,141)
#825D99
(130,93,153)
#9170A5
(145,112,165)
#A083B1
(160,131,177)
#AF96BD
(175,150,189)
#BEA9C9
(190,169,201)
#CDBCD5
(205,188,213)
#DCCFE1
(220,207,225)
#EBE2ED
(235,226,237)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #552475 color. Also use rgb(85,36,117) instead hex code.

Text Font Color

.myTextColor { color: #552475; }

<p style="color:#552475">This sample text font color is #552475.</p>

This text font color is #552475.

Background Color

.myBgColor { background-color: #552475; }

<div style="background-color:#552475">Inner text</div>

This div background color is #552475.

Border color

.myBorderColor { border: 1px solid #552475; }

<div style="border:3px solid #552475">Div</div>

This div border color is #552475.

Opacity

.myOpacity80 { color: #552475; opacity: 0.8; }

<p style="color:#552475;opacity:0.8;">80%</p>

Text with #552475 color and opacity 100% | 80% | 50% | 30%.

Background with opacity value 100%.
Background with opacity value 80%.
Background with opacity value 50%.
Background with opacity value 30%.

Text shadow color

.textShadow {text-shadow: 3px 3px 1px #552475;}

<p style="text-shadow: 3px 3px 1px #552475">Text here.</p>

This text has shadow with #552475 color.


.textShadow {text-shadow: 3px 3px 1px #552475', 3px 3px 1px red;}

<p style="text-shadow: 3px 3px 1px #552475, 5px 5px 20px red">Text here.</p>

This text has shadow with #552475 primary color and red secondary color.


Styles for old Internet Explorer:
.textShadow {filter: Shadow(Color=#552475, Direction=45, Strength=4)}

<p style="filter: Shadow(Color=#552475, Direction=45, Strength=4)">Text</p>

This text has shadow with #552475 and red colors in old Internet Explorer.

Div box shadow color

/* css code */
.divShadow
{
-moz-box-shadow: 1px 1px 3px 2px #552475;
-webkit-box-shadow: 1px 1px 3px 2px #552475;
box-shadow: 1px 1px 3px 2px #552475;
}

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #552475; -webkit-box-shadow: 1px 1px 3px 2px #552475; box-shadow:1px 1px 3px 2px #552475;">
Div content here
</div>

This div box has shadow with color #552475.

Preview

Color preview on black background

This text has color #552475 on black background.


Color preview on white background

This text has color #552475 on white background.


Black color preview on #552475 background

This text has black color on #552475 background.


White color preview on #552475 background

This text has white color on #552475 background.


Related colors

Complementary color

Complementary color for #hex is #AADB8A.


I love getcolorcode.com

Triadic colors

1 #755524 and #247555 with #552475 are triadic colors.

2 #752455 and #245575 with #552475 are triadic colors.