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

#002254

In a RGB color space, hex #002254 is composed of 0% red, 13% green and 33% blue. RGB color code is composed of a hexadecimal 00 red (0/255), a 22 green (34/255) and a 54 blue component (84/255). The decimal RGB color code is rgb(0,34,84) In CMYK color space, it is composed of 100% cyan, 60% magenta, 0% yellow and 67% black. It has a hue angle of 215.71o degrees, a saturation of 100% and a lightness of 16%. Closest websafe color is: #003366 rgb (0, 51, 102).

Color conversion

---

Convert color

---

The hexadecimal color #002254 has RGB values of R:0, G:34, B:84 and CMYK values of C:100, M:60, Y:0, K:67. Its decimal value is 8788.Binary code is 10001001010100
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color 002254  #002254 RGB decimal 0, 34, 84  rgb(0, 34, 84) RGB % 0, 13, 33  rgb(0%, 13%, 33%) RGB Adobe 22, 39, 83 CMYK % 100, 60, 0, 67  100%, 60%, 0%, 67% HSL 215.71o, 100, 16  hsl(215.71o, 100%, 16%) HSV (HSB) 216o, 100%, 33%  hsv(216o, 100%, 33%)

Web Safe color #003366 rgb (0, 51, 102) XYZ 2.172, 1.784 8.617 xyY 0.17, 0.14, 1.78 Hunter-Lab 13.36, 6.47, -30.77 CMY 100%, 87%, 67% Lab 13.73, 6.52, -34.41 Binary color 00 22 54 0 100010 1010100

Shades and tints of #002254

---

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: #000710 is the darkest color, and: #CDD4DD is the lightest one.

Tint color variation #002254

#26436E rgb (38,67,110) #26436E #475F84 rgb (71,95,132) #475F84 #637796 rgb (99,119,150) #637796 #7A8BA6 rgb (122,139,166) #7A8BA6 #8E9CB3 rgb (142,156,179) #8E9CB3 #9FABBE rgb (159,171,190) #9FABBE #ADB8C8 rgb (173,184,200) #ADB8C8 #B9C3D0 rgb (185,195,208) #B9C3D0 #C4CCD7 rgb (196,204,215) #C4CCD7 #CDD4DD rgb (205,212,221) #CDD4DD

Shade color variation

#001D47 rgb (0,29,71) #001D47 #00193C rgb (0,25,60) #00193C #001533 rgb (0,21,51) #001533 #00122B rgb (0,18,43) #00122B #000F25 rgb (0,15,37) #000F25 #000D1F rgb (0,13,31) #000D1F #000B1A rgb (0,11,26) #000B1A #000916 rgb (0,9,22) #000916 #000813 rgb (0,8,19) #000813 #000710 rgb (0,7,16) #000710

Tones of #002254

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

#0D2B58 rgb (13,43,88) #0D2B58 #19345C rgb (25,52,92) #19345C #233C60 rgb (35,60,96) #233C60 #2C4363 rgb (44,67,99) #2C4363 #344966 rgb (52,73,102) #344966 #3C4F69 rgb (60,79,105) #3C4F69 #43546B rgb (67,84,107) #43546B #49586D rgb (73,88,109) #49586D #4F5C6F rgb (79,92,111) #4F5C6F #546071 rgb (84,96,113) #546071

Alternatives to #002254

---

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

#000E54 rgb (0,14,84) #000E54 #002240 rgb (0,34,64) #002240 #000E54 rgb (0,14,84) #000E54 #003654 rgb (0,54,84) #003654 #004A54 rgb (0,74,84) #004A54 #005E54 rgb (0,94,84) #005E54

Quick use #002254

---

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

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

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

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

Color schemes with #002254

---

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: 100% has a #002254 saturation. Adding 100% + 10% = 100% saturation for our new color #00122E. Decreasing 100% - 10% = 90% saturation for other monochromatic color #0C387A. #0c387a rgb (12,56,122) #0c387a 90% saturation #0c0b14 rgb (4,11,20) #0c0b14 80% saturation #00122e rgb (0,18,46) #00122e 100% saturation #000814 rgb (0,8,20) #000814 100% 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. #080054 rgb (8,0,84) #080054 246o #002254 rgb (0,34,84) #002254 216o #004C54 rgb (0,76,84) #004C54 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: #002254 has a 216o angle. Adding 216o + 180o = 36oo for our new complementary color #543200. #002254 rgb (0,34,84) #002254 216o #543200 rgb (84,50,0) #543200 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: #002254 has a 216o angle. Adding 216o + 180o+30o = 66o for our first complementary color #4C5400. Decreasing 216o + 180o-30o = 6o for the second complementary color #540800. #540800 rgb (84,8,0) #540800 6o #002254 rgb (0,34,84) #002254 216o #4C5400 rgb (76,84,0) #4C5400 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. #540022 rgb (84,0,34) #540022 336o #002254 rgb (0,34,84) #002254 216o #225400 rgb (34,84,0) #225400 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. #540022 rgb (84,0,34) #540022 336o #002254 rgb (0,34,84) #002254 216o #543200 rgb (84,50,0) #543200 36o #005432 rgb (0,84,50) #005432 156o