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