Color Categories
Close
category
Top >> Color Names

Three-Color Combinations and Schemes
Color Names for HTML/CSS

Navy

Color Name HEX RGB
Navy #000080 0, 0, 128
Color

Color Combination Sample

Notes
  • Actual colors displayed may differ depending on the display device you use.
  • The color combination pattern is changeable with clicking on the "Switch" button.
  • Text colors of color codes in each boxes below are set to black and white.

Horizontal Combination

Navy
Navy
Black
Black
White
White
Navy
Navy
White
White
Black
Black
Black
Black
Navy
Navy
White
White
Black
Black
White
White
Navy
Navy
White
White
Navy
Navy
Black
Black
White
White
Black
Black
Navy
Navy
Switch
Other Colors: Color Names
Color Palettes: Categories

Vertical Combination

Navy
Navy
Black
Black
White
White
Navy
Navy
White
White
Black
Black
Black
Black
Navy
Navy
White
White
Black
Black
White
White
Navy
Navy
White
White
Navy
Navy
Black
Black
White
White
Black
Black
Navy
Navy
Switch
Other Colors: Color Names
Color Palettes: Categories

Horizontal/Vertical Combination

Navy
Navy
Black
Black
White
White
Navy
Navy
White
White
Black
Black
Black
Black
Navy
Navy
White
White
Black
Black
White
White
Navy
Navy
White
White
Navy
Navy
Black
Black
White
White
Black
Black
Navy
Navy
Switch
Other Colors: Color Names
Color Palettes: Categories

Three Circles

Navy
Navy
Black
Black
White
White
Navy
Navy
White
White
Black
Black
Black
Black
Navy
Navy
White
White
Black
Black
White
White
Navy
Navy
White
White
Navy
Navy
Black
Black
White
White
Black
Black
Navy
Navy
Switch
Other Colors: Color Names
Color Palettes: Categories

Spots against a Background

Background: Navy
Upper-right circle: Black
Lower-left circle: White
Background: Navy
Upper-right circle: White
Lower-left circle: Black
Background: Black
Upper-right circle: Navy
Lower-left circle: White
Background: Black
Upper-right circle: White
Lower-left circle: Navy
Background: White
Upper-right circle: Navy
Lower-left circle: Black
Background: White
Upper-right circle: Black
Lower-left circle: Navy
Switch
Other Colors: Color Names
Color Palettes: Categories

Heading Design

Color Names for HTML/CSS
Text: Navy
Background: Black
Border-bottom: White
Color Names for HTML/CSS
Text: Navy
Background: White
Border-bottom: Black
Color Names for HTML/CSS
Text: Black
Background: Navy
Border-bottom: White
Color Names for HTML/CSS
Text: Black
Background: White
Border-bottom: Navy
Color Names for HTML/CSS
Text: White
Background: Navy
Border-bottom: Black
Color Names for HTML/CSS
Text: White
Background: Black
Border-bottom: Navy
Switch
Other Colors: Color Names
Color Palettes: Categories

Owl

Head/Wing/Spots: Navy
Beak/Legs: Black
Body: White
Head/Wing/Spots: Navy
Beak/Legs: White
Body: Black
Head/Wing/Spots: Black
Beak/Legs: Navy
Body: White
Head/Wing/Spots: Black
Beak/Legs: White
Body: Navy
Head/Wing/Spots: White
Beak/Legs: Navy
Body: Black
Head/Wing/Spots: White
Beak/Legs: Black
Body: Navy
Switch
Other Colors: Color Names
Color Palettes: Categories

What Does This Cake Taste Like?

Topping/Fillings: Navy
Cream: Black
Sponge: White
Topping/Fillings: Navy
Cream: White
Sponge: Black
Topping/Fillings: Black
Cream: Navy
Sponge: White
Topping/Fillings: Black
Cream: White
Sponge: Navy
Topping/Fillings: White
Cream: Navy
Sponge: Black
Topping/Fillings: White
Cream: Black
Sponge: Navy
Switch
Other Colors: Color Names
Color Palettes: Categories

Dress Up The Girl

Vest: Navy
Shirt/Boots: Black
Skirt: White
Vest: Navy
Shirt/Boots: White
Skirt: Black
Vest: Black
Shirt/Boots: Navy
Skirt: White
Vest: Black
Shirt/Boots: White
Skirt: Navy
Vest: White
Shirt/Boots: Navy
Skirt: Black
Vest: White
Shirt/Boots: Black
Skirt: Navy
Switch
Other Colors: Color Names
Color Palettes: Categories

Cool? Fashionable? Immaculate??

Jacket/Shoes: Navy
Shirt: Black
Pants: White
Jacket/Shoes: Navy
Shirt: White
Pants: Black
Jacket/Shoes: Black
Shirt: Navy
Pants: White
Jacket/Shoes: Black
Shirt: White
Pants: Navy
Jacket/Shoes: White
Shirt: Navy
Pants: Black
Jacket/Shoes: White
Shirt: Black
Pants: Navy
Switch
Other Colors: Color Names
Color Palettes: Categories

Keep Your Eyes on Me!!

Background: Navy
Screen: Black
Cat: White
Background: Navy
Screen: White
Cat: Black
Background: Black
Screen: Navy
Cat: White
Background: Black
Screen: White
Cat: Navy
Background: White
Screen: Navy
Cat: Black
Background: White
Screen: Black
Cat: Navy
Switch
Other Colors: Color Names
Color Palettes: Categories

Leave Me Alone...

Background: Navy
Cat: Black
AC Condenser: White
Background: Navy
Cat: White
AC Condenser: Black
Background: Black
Cat: Navy
AC Condenser: White
Background: Black
Cat: White
AC Condenser: Navy