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