Html Css Color HEX #001684 Navy

📋 copy color: '#001684'

red 0 ◦ green 22 ◦ blue 132

#001684
Download Color Icon.PNG:
16x16 32x32 64x64 128x128 256x256

Shades of Navy #001684

Tints of Navy #001684

RGB

 RED value IS 0 (0.39% from 255) = 0%

 GREEN value IS 22 (8.98% from 255) = 14.29%

 BLUE value IS 132 (51.95% from 255) = 85.71%

R = 0%
G = 14.29%
B = 85.71%

CMYK

 C value IS 1

 M value IS 0.83

 Y value IS 0

 K value IS 0.48

RGB Variations

RGB:
RBG:
GRB:
GBR:
BRG:
BGR:

Color information

#001684 (or 0x001684) is known color: Navy. HEX triplet: 00, 16 and 84. RGB value is (0,22,132). Sum of RGB (Red+Green+Blue) = 0+22+132=154 (20% of max value = 765). Red value is 0 (0.39% from 255 or 0% from 154); Green value is 22 (8.98% from 255 or 14.29% from 154); Blue value is 132 (51.95% from 255 or 85.71% from 154); Max value from RGB is 132 - color contains mainly: blue. Hex color #001684 is not a web safe color. Web safe color analog (approx): #000099. Inversed color of #001684 is #FFE97B. Grayscale: #1B1B1B. Windows color (decimal): -16771452 or 8656384. OLE color: 8656384.

HSL color Cylindrical-coordinate representation of color #001684: hue angle of 230º degrees, saturation: 1, lightness: 0.26%. HSV value (or HSB Brightness) of color is 0.52% and HSV saturation: 1%. Process color model (Four color, CMYK) of #001684 is Cyan = 1, Magento = 0.83, Yellow = 0 and Black (K on CMYK) = 0.48.

Color convert

RGB 0 22 132 -
CMYK 1 0.83 0 0.48
HSL 230º 1% 0.26% -
HSV(B) 230º 1% 0.52% -
XYZ 4.45 2.24 22.03 -
YUV 27.96 186.71 108.06 -
System Red Green Blue C M Y K H S L
Decimal 0 22 132 1 0.83 0 0.48 230 1 0.26
Hex 0 16 84 64 53 0 30 E6 64 1A
Octal 0 26 204 144 123 0 60 346 144 32
Binary 0 10110 10000100 1100100 1010011 0 110000 11100110 1100100 11010

Color Harmonies of #001684

Triadic Colors

Analogous colors

Split complements colors

Complementary color

Monochromatic Colors of #001684

Black with #001684

Text Example


Text Example

White with #001684

Text Example


Text Example

HTML Codes & Css Web design

color css

<style>
 p { color: #001684; }

 p { color: rgb(0,22,132); }

 H1.HeaderClassName
 {
   color: #001684;
 }
 .AnyTagClassName
 {
   color: #001684;
 }
</style>

background-color css

<style>
 a { background-color: #001684; }

 a { background-color: rgb(0,22,132); }

 div.DivClassName
 {
   background-color: #001684;
 }
 .BgClassName
 {
   background-color: #001684;
 }
</style>

border-color css

<style>
 span { border-color: #001684; }

 span { border-color: rgb(0,22,132); }

 td.TdClassName
 {
   border-color: #001684;
 }
 .TagClassName
 {
   border-color: #001684;
 }
</style>