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

#204F97

In a RGB color space, hex #204F97 is composed of 13% red, 31% green and 59% blue. RGB color code is composed of a hexadecimal 20 red (32/255), a 4F green (79/255) and a 97 blue component (151/255). The decimal RGB color code is rgb(32,79,151) In CMYK color space, it is composed of 79% cyan, 48% magenta, 0% yellow and 41% black. It has a hue angle of 216.3o degrees, a saturation of 65% and a lightness of 36%. Closest websafe color is: #336699 rgb (51, 102, 153).

Color conversion

---

Convert color

---

The hexadecimal color #204F97 has RGB values of R:32, G:79, B:151 and CMYK values of C:79, M:48, Y:0, K:41. Its decimal value is 2117527.Binary code is 1000000100111110010111
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color 204F97  #204F97 RGB decimal 32, 79, 151  rgb(32, 79, 151) RGB % 13, 31, 59  rgb(13%, 31%, 59%) RGB Adobe 54, 80, 147 CMYK % 79, 48, 0, 41  79%, 48%, 0%, 41% HSL 216.3o, 65, 36  hsl(216.3o, 65%, 36%) HSV (HSB) 216o, 79%, 59%  hsv(216o, 79%, 59%)

Web Safe color #336699 rgb (51, 102, 153) XYZ 8.978, 8.133 30.375 xyY 0.19, 0.17, 8.13 Hunter-Lab 28.52, 7.93, -46.46 CMY 87%, 69%, 41% Lab 33.57, 5.04, -44.95 Binary color 20 4F 97 100000 1001111 10010111

Shades and tints of #204F97

---

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: #07101E is the darkest color, and: #D4DCEB is the lightest one.

Tint color variation #204F97

#4169A7 rgb (65,105,167) #4169A7 #5E80B4 rgb (94,128,180) #5E80B4 #7693BF rgb (118,147,191) #7693BF #8BA3C9 rgb (139,163,201) #8BA3C9 #9CB1D1 rgb (156,177,209) #9CB1D1 #ABBDD8 rgb (171,189,216) #ABBDD8 #B8C7DE rgb (184,199,222) #B8C7DE #C3CFE3 rgb (195,207,227) #C3CFE3 #CCD6E7 rgb (204,214,231) #CCD6E7 #D4DCEB rgb (212,220,235) #D4DCEB

Shade color variation

#1B4380 rgb (27,67,128) #1B4380 #17396D rgb (23,57,109) #17396D #14305D rgb (20,48,93) #14305D #11294F rgb (17,41,79) #11294F #0E2343 rgb (14,35,67) #0E2343 #0C1E39 rgb (12,30,57) #0C1E39 #0A1A30 rgb (10,26,48) #0A1A30 #091629 rgb (9,22,41) #091629 #081323 rgb (8,19,35) #081323 #07101E rgb (7,16,30) #07101E

Tones of #204F97

A tone is produced by adding gray to any pure hue. In this case, #2A5495 is the less saturated color, and #606F89 is the most saturated one.

#2A5495 rgb (42,84,149) #2A5495 #335893 rgb (51,88,147) #335893 #3B5C91 rgb (59,92,145) #3B5C91 #42608F rgb (66,96,143) #42608F #48638E rgb (72,99,142) #48638E #4E668D rgb (78,102,141) #4E668D #53698C rgb (83,105,140) #53698C #586B8B rgb (88,107,139) #586B8B #5C6D8A rgb (92,109,138) #5C6D8A #606F89 rgb (96,111,137) #606F89

Alternatives to #204F97

---

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

#201397 rgb (32,19,151) #201397 #202797 rgb (32,39,151) #202797 #203B97 rgb (32,59,151) #203B97 #206397 rgb (32,99,151) #206397 #207797 rgb (32,119,151) #207797 #208B97 rgb (32,139,151) #208B97

Quick use #204F97

---

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="#204F97;">Text here</font>	<div style="background-color:#204F97;">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="#204F97;">Text here</font> </div>	HTML code <div style="background-color:#FFFFFF; border: 1px dotted #999999;"> <font color="#204F97;">Text here</font> </div>

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

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

Pre-formatted code 204F97	code for script / programming
HTML, CSS:	= #204F97; rgb(32, 79, 151)
Java:	= new Color(32, 79, 151)
.NET:	= Color.FromArgb (32, 79, 151);
Xojo:	= rgb (32, 79, 151, 0);
openGL:	= glColor3f (0.13f, 0.31f, 0.59f);
Swift:	= UIColor(red:0.13, green:0.31, blue:0.59, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.13 green:0.31 blue:0.59 alpha:1.00000];

Color schemes with #204F97

---

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: 79% has a #204F97 saturation. Adding 79% + 10% = 89% saturation for our new color #0C3470. Decreasing 79% - 10% = 69% saturation for other monochromatic color #3A6FBD. #3a6fbd rgb (58,111,189) #3a6fbd 69% saturation #3a3857 rgb (36,56,87) #3a3857 59% saturation #0c3470 rgb (12,52,112) #0c3470 89% saturation #012357 rgb (1,35,87) #012357 99% 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. #2B2096 rgb (43,32,150) #2B2096 246o #204F97 rgb (32,79,151) #204F97 216o #208B96 rgb (32,139,150) #208B96 186o

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: #204F97 has a 216o angle. Adding 216o + 180o = 36oo for our new complementary color #966720. #204F97 rgb (32,79,151) #204F97 216o #966720 rgb (150,103,32) #966720 36o

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: #204F97 has a 216o angle. Adding 216o + 180o+30o = 66o for our first complementary color #8B9620. Decreasing 216o + 180o-30o = 6o for the second complementary color #962B20. #962B20 rgb (150,43,32) #962B20 6o #204F97 rgb (32,79,151) #204F97 216o #8B9620 rgb (139,150,32) #8B9620 66o

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. #96204F rgb (150,32,79) #96204F 336o #204F97 rgb (32,79,151) #204F97 216o #4F9620 rgb (79,150,32) #4F9620 96o

Tetradic color Tetradic schemes are made up of hues/angles spaced around color wheel. Add 120,180,300 degrees on the color hue angle. #96204F rgb (150,32,79) #96204F 336o #204F97 rgb (32,79,151) #204F97 216o #966720 rgb (150,103,32) #966720 36o #209667 rgb (32,150,103) #209667 156o