#554299 color HEX code RGB, HSL, CMYK COLOR CODE FOR HEXA COLOR #554299

#554299

In a RGB color space, hex #554299 is composed of 33% red, 26% green and 60% blue. RGB color code is composed of a hexadecimal 55 red (85/255), a 42 green (66/255) and a 99 blue component (153/255). The decimal RGB color code is rgb(85,66,153) In CMYK color space, it is composed of 44% cyan, 57% magenta, 0% yellow and 40% black. It has a hue angle of 253.1o degrees, a saturation of 40% and a lightness of 43%. Closest websafe color is: #663399 rgb (102, 51, 153).

Color conversion

---

Convert color

---

The hexadecimal color #554299 has RGB values of R:85, G:66, B:153 and CMYK values of C:44, M:57, Y:0, K:40. Its decimal value is 5587609.Binary code is 10101010100001010011001
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color 554299  #554299 RGB decimal 85, 66, 153  rgb(85, 66, 153) RGB % 33, 26, 60  rgb(33%, 26%, 60%) RGB Adobe 81, 68, 149 CMYK % 44, 57, 0, 40  44%, 57%, 0%, 40% HSL 253.1o, 40, 43  hsl(253.1o, 40%, 43%) HSV (HSB) 253o, 57%, 60%  hsv(253o, 57%, 60%)

Web Safe color #663399 rgb (102, 51, 153) XYZ 11.444, 8.128 31.103 xyY 0.23, 0.16, 8.13 Hunter-Lab 28.51, 23.65, -48.06 CMY 67%, 74%, 40% Lab 33.68, 25.49, -45.74 Binary color 55 42 99 1010101 1000010 10011001

Shades and tints of #554299

---

A shade is achieved by adding black to original color on hue code.
A tint is created by mixing color with white.
Use the palette to pick a color or the sliders to set the RGB, HSV, CMYK components.
For example here: #100E1F is the darkest color, and: #DEDAEB is the lightest one.

Tint color variation #554299

#6F5EA8 rgb (111,94,168) #6F5EA8 #8576B5 rgb (133,118,181) #8576B5 #978BC0 rgb (151,139,192) #978BC0 #A79CC9 rgb (167,156,201) #A79CC9 #B4ABD1 rgb (180,171,209) #B4ABD1 #BFB8D8 rgb (191,184,216) #BFB8D8 #C9C3DE rgb (201,195,222) #C9C3DE #D1CCE3 rgb (209,204,227) #D1CCE3 #D8D4E7 rgb (216,212,231) #D8D4E7 #DEDAEB rgb (222,218,235) #DEDAEB

Shade color variation

#483882 rgb (72,56,130) #483882 #3D306F rgb (61,48,111) #3D306F #34295E rgb (52,41,94) #34295E #2C2350 rgb (44,35,80) #2C2350 #251E44 rgb (37,30,68) #251E44 #1F1A3A rgb (31,26,58) #1F1A3A #1A1631 rgb (26,22,49) #1A1631 #16132A rgb (22,19,42) #16132A #131024 rgb (19,16,36) #131024 #100E1F rgb (16,14,31) #100E1F

Tones of #554299

A tone is produced by adding gray to any pure hue. In this case, #594897 is the less saturated color, and #726B8A is the most saturated one.

#594897 rgb (89,72,151) #594897 #5D4E95 rgb (93,78,149) #5D4E95 #615393 rgb (97,83,147) #615393 #645891 rgb (100,88,145) #645891 #675C8F rgb (103,92,143) #675C8F #6A608E rgb (106,96,142) #6A608E #6C638D rgb (108,99,141) #6C638D #6E668C rgb (110,102,140) #6E668C #70698B rgb (112,105,139) #70698B #726B8A rgb (114,107,138) #726B8A

Alternatives to #554299

---

Below, you can see some colors close to #554299. Having a set of related colors can be useful if you need an inspirational alternative or other close colors to your original color choice.

#550699 rgb (85,6,153) #550699 #551A99 rgb (85,26,153) #551A99 #552E99 rgb (85,46,153) #552E99 #555699 rgb (85,86,153) #555699 #556A99 rgb (85,106,153) #556A99 #557E99 rgb (85,126,153) #557E99

Quick use #554299

---

How to use this color on webpages, scripts or other programming languages using html, CSS, dhtml, JAVA, .NET, openGL, Swift, Xojo

Color of the text	Background color example
Color of the text	Background color example
<font color="#554299;">Text here</font>	<div style="background-color:#554299;">Text here</div>

Color preview on black background	Color preview on white background
color preview on black background	color preview on white background
HTML code <div style="background-color:#000000"> <font color="#554299;">Text here</font> </div>	HTML code <div style="background-color:#FFFFFF; border: 1px dotted #999999;"> <font color="#554299;">Text here</font> </div>

Div box shadow	Text shadow css code
box shadow for color #554299	text shadow css code
HTML code <div style="background-color:#FFFFFF; box-shadow: 2px 2px 7px 1px #554299;"></div> CSS code .box-shadow: 2px 2px 7px 1px;	CSS code .text-shadow: 1px 2px 2px #554299;

Box border html code	Text shadow with RGB values for color #554299
box border html code for color #554299	text shadow with RGB values
HTML code <div style="background-color:#FFFFFF; border:1px solid #554299;"></div>	CSS code with RGB .text-shadow: 0px 2px 2px rgba(85, 66, 153, 1.4);

Pre-formatted code 554299	code for script / programming
HTML, CSS:	= #554299; rgb(85, 66, 153)
Java:	= new Color(85, 66, 153)
.NET:	= Color.FromArgb (85, 66, 153);
Xojo:	= rgb (85, 66, 153, 0);
openGL:	= glColor3f (0.33f, 0.26f, 0.6f);
Swift:	= UIColor(red:0.33, green:0.26, blue:0.6, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.33 green:0.26 blue:0.6 alpha:1.00000];

Color schemes with #554299

---

Monochromatic color Monochromatic color schemes are easy to create because they use only one color. Monochromatic schemes use different tones from the same angle on the color wheel (the same angle).Just change color saturation +10% and you have a new monocromatic color. On our case color: 57% has a #554299 saturation. Adding 57% + 10% = 67% saturation for our new color #372673. Decreasing 57% - 10% = 47% saturation for other monochromatic color #7965BF. #7965bf rgb (121,101,191) #7965bf 47% saturation #793859 rgb (63,56,89) #793859 37% saturation #372673 rgb (55,38,115) #372673 67% saturation #231559 rgb (35,21,89) #231559 77% saturation

Analogous color Analogous color schemes are created by using colors that are next to each other on the color wheel. Just +/- 30o on sides of the color hue angle. #804299 rgb (128,66,153) #804299 283o #554299 rgb (85,66,153) #554299 253o #425A99 rgb (66,90,153) #425A99 223o

Complementary color Complementary schemes are created by combining colors from opposite sides of the color wheel. Simple add 180 degrees to color hue / angle and you have the complementary color. On our case color: #554299 has a 253o angle. Adding 253o + 180o = 73oo for our new complementary color #869942. #554299 rgb (85,66,153) #554299 253o #869942 rgb (134,153,66) #869942 73o

Split color Compound schemes or split complementary schemens are almost the same as complementary schemes. Instead of using colors that are opposites, it uses colors on both sides of the opposite hue angle. On our case color: #554299 has a 253o angle. Adding 253o + 180o+30o = 103o for our first complementary color #5A9942. Decreasing 253o + 180o-30o = 43o for the second complementary color #998042. #998042 rgb (153,128,66) #998042 43o #554299 rgb (85,66,153) #554299 253o #5A9942 rgb (90,153,66) #5A9942 103o

Tiradic color Triadic schemes are made up of hues/angles equally spaced around color wheel. Add and decrease +/- 120 degrees on both sides of the color hue angle. #995542 rgb (153,85,66) #995542 13o #554299 rgb (85,66,153) #554299 253o #429955 rgb (66,153,85) #429955 133o

Tetradic color Tetradic schemes are made up of hues/angles spaced around color wheel. Add 120,180,300 degrees on the color hue angle. #995542 rgb (153,85,66) #995542 13o #554299 rgb (85,66,153) #554299 253o #869942 rgb (134,153,66) #869942 73o #428699 rgb (66,134,153) #428699 193o