Top >> Color Names
Three-Color Combinations and Schemes
Color Names for HTML/CSS
Blue
Color Name | HEX | RGB |
---|---|---|
Blue |
#0000FF |
0, 0, 255 |
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
andwhite
.
Horizontal Combination
Blue
Blue
Black
Black
White
White
Blue
Blue
White
White
Black
Black
Black
Black
Blue
Blue
White
White
Black
Black
White
White
Blue
Blue
White
White
Blue
Blue
Black
Black
White
White
Black
Black
Blue
Blue
Switch
Vertical Combination
Blue
Blue
Black
Black
White
White
Blue
Blue
White
White
Black
Black
Black
Black
Blue
Blue
White
White
Black
Black
White
White
Blue
Blue
White
White
Blue
Blue
Black
Black
White
White
Black
Black
Blue
Blue
Switch
Horizontal/Vertical Combination
Blue
Blue
Black
Black
White
White
Blue
Blue
White
White
Black
Black
Black
Black
Blue
Blue
White
White
Black
Black
White
White
Blue
Blue
White
White
Blue
Blue
Black
Black
White
White
Black
Black
Blue
Blue
Switch
Three Circles
Blue
Blue
Black
Black
White
White
Blue
Blue
White
White
Black
Black
Black
Black
Blue
Blue
White
White
Black
Black
White
White
Blue
Blue
White
White
Blue
Blue
Black
Black
White
White
Black
Black
Blue
Blue
Switch
Spots against a Background
Background:
Upper-right circle:
Lower-left circle:
Blue
Upper-right circle:
Black
Lower-left circle:
White
Background:
Upper-right circle:
Lower-left circle:
Blue
Upper-right circle:
White
Lower-left circle:
Black
Background:
Upper-right circle:
Lower-left circle:
Black
Upper-right circle:
Blue
Lower-left circle:
White
Background:
Upper-right circle:
Lower-left circle:
Black
Upper-right circle:
White
Lower-left circle:
Blue
Background:
Upper-right circle:
Lower-left circle:
White
Upper-right circle:
Blue
Lower-left circle:
Black
Background:
Upper-right circle:
Lower-left circle:
White
Upper-right circle:
Black
Lower-left circle:
Blue
Switch
Heading Design
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
Blue
Background:
Black
Border-bottom:
White
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
Blue
Background:
White
Border-bottom:
Black
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
Black
Background:
Blue
Border-bottom:
White
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
Black
Background:
White
Border-bottom:
Blue
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
White
Background:
Blue
Border-bottom:
Black
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
White
Background:
Black
Border-bottom:
Blue
Switch
Owl
Head/Wing/Spots:
Beak/Legs:
Body:
Blue
Beak/Legs:
Black
Body:
White
Head/Wing/Spots:
Beak/Legs:
Body:
Blue
Beak/Legs:
White
Body:
Black
Head/Wing/Spots:
Beak/Legs:
Body:
Black
Beak/Legs:
Blue
Body:
White
Head/Wing/Spots:
Beak/Legs:
Body:
Black
Beak/Legs:
White
Body:
Blue
Head/Wing/Spots:
Beak/Legs:
Body:
White
Beak/Legs:
Blue
Body:
Black
Head/Wing/Spots:
Beak/Legs:
Body:
White
Beak/Legs:
Black
Body:
Blue
Switch
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
Blue
Cream:
Black
Sponge:
White
Topping/Fillings:
Cream:
Sponge:
Blue
Cream:
White
Sponge:
Black
Topping/Fillings:
Cream:
Sponge:
Black
Cream:
Blue
Sponge:
White
Topping/Fillings:
Cream:
Sponge:
Black
Cream:
White
Sponge:
Blue
Topping/Fillings:
Cream:
Sponge:
White
Cream:
Blue
Sponge:
Black
Topping/Fillings:
Cream:
Sponge:
White
Cream:
Black
Sponge:
Blue
Switch
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
Blue
Shirt/Boots:
Black
Skirt:
White
Vest:
Shirt/Boots:
Skirt:
Blue
Shirt/Boots:
White
Skirt:
Black
Vest:
Shirt/Boots:
Skirt:
Black
Shirt/Boots:
Blue
Skirt:
White
Vest:
Shirt/Boots:
Skirt:
Black
Shirt/Boots:
White
Skirt:
Blue
Vest:
Shirt/Boots:
Skirt:
White
Shirt/Boots:
Blue
Skirt:
Black
Vest:
Shirt/Boots:
Skirt:
White
Shirt/Boots:
Black
Skirt:
Blue
Switch
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
Blue
Shirt:
Black
Pants:
White
Jacket/Shoes:
Shirt:
Pants:
Blue
Shirt:
White
Pants:
Black
Jacket/Shoes:
Shirt:
Pants:
Black
Shirt:
Blue
Pants:
White
Jacket/Shoes:
Shirt:
Pants:
Black
Shirt:
White
Pants:
Blue
Jacket/Shoes:
Shirt:
Pants:
White
Shirt:
Blue
Pants:
Black
Jacket/Shoes:
Shirt:
Pants:
White
Shirt:
Black
Pants:
Blue
Switch
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
Blue
Screen:
Black
Cat:
White
Background:
Screen:
Cat:
Blue
Screen:
White
Cat:
Black
Background:
Screen:
Cat:
Black
Screen:
Blue
Cat:
White
Background:
Screen:
Cat:
Black
Screen:
White
Cat:
Blue
Background:
Screen:
Cat:
White
Screen:
Blue
Cat:
Black
Background:
Screen:
Cat:
White
Screen:
Black
Cat:
Blue
Switch
Leave Me Alone...
Background:
Cat:
AC Condenser:
Blue
Cat:
Black
AC Condenser:
White
Background:
Cat:
AC Condenser:
Blue
Cat:
White
AC Condenser:
Black
Background:
Cat:
AC Condenser:
Black
Cat:
Blue
AC Condenser:
White
Background:
Cat:
AC Condenser:
Black
Cat:
White
AC Condenser:
Blue