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
blackandwhite.
Horizontal Combination
OrangeRed
OrangeRedBlack
BlackWhite
WhiteOrangeRed
OrangeRedWhite
WhiteBlack
BlackBlack
BlackOrangeRed
OrangeRedWhite
WhiteBlack
BlackWhite
WhiteOrangeRed
OrangeRedWhite
WhiteOrangeRed
OrangeRedBlack
BlackWhite
WhiteBlack
BlackOrangeRed
OrangeRedSwitch
Vertical Combination
OrangeRed
OrangeRedBlack
BlackWhite
WhiteOrangeRed
OrangeRedWhite
WhiteBlack
BlackBlack
BlackOrangeRed
OrangeRedWhite
WhiteBlack
BlackWhite
WhiteOrangeRed
OrangeRedWhite
WhiteOrangeRed
OrangeRedBlack
BlackWhite
WhiteBlack
BlackOrangeRed
OrangeRedSwitch
Horizontal/Vertical Combination
OrangeRed
OrangeRedBlack
BlackWhite
WhiteOrangeRed
OrangeRedWhite
WhiteBlack
BlackBlack
BlackOrangeRed
OrangeRedWhite
WhiteBlack
BlackWhite
WhiteOrangeRed
OrangeRedWhite
WhiteOrangeRed
OrangeRedBlack
BlackWhite
WhiteBlack
BlackOrangeRed
OrangeRedSwitch
Three Circles
OrangeRed
OrangeRedBlack
BlackWhite
WhiteOrangeRed
OrangeRedWhite
WhiteBlack
BlackBlack
BlackOrangeRed
OrangeRedWhite
WhiteBlack
BlackWhite
WhiteOrangeRed
OrangeRedWhite
WhiteOrangeRed
OrangeRedBlack
BlackWhite
WhiteBlack
BlackOrangeRed
OrangeRedSwitch
Spots against a Background
Background:
Upper-right circle:
Lower-left circle:
OrangeRedUpper-right circle:
BlackLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
OrangeRedUpper-right circle:
WhiteLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
OrangeRedLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
WhiteLower-left circle:
OrangeRedBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
OrangeRedLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
BlackLower-left circle:
OrangeRedSwitch
Heading Design
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
OrangeRedBackground:
BlackBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
OrangeRedBackground:
WhiteBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
OrangeRedBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
WhiteBorder-bottom:
OrangeRedColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
OrangeRedBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
BlackBorder-bottom:
OrangeRedSwitch
Owl
Head/Wing/Spots:
Beak/Legs:
Body:
OrangeRedBeak/Legs:
BlackBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
OrangeRedBeak/Legs:
WhiteBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
OrangeRedBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
WhiteBody:
OrangeRedHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
OrangeRedBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
BlackBody:
OrangeRedSwitch
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
OrangeRedCream:
BlackSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
OrangeRedCream:
WhiteSponge:
BlackTopping/Fillings:
Cream:
Sponge:
BlackCream:
OrangeRedSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
BlackCream:
WhiteSponge:
OrangeRedTopping/Fillings:
Cream:
Sponge:
WhiteCream:
OrangeRedSponge:
BlackTopping/Fillings:
Cream:
Sponge:
WhiteCream:
BlackSponge:
OrangeRedSwitch
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
OrangeRedShirt/Boots:
BlackSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
OrangeRedShirt/Boots:
WhiteSkirt:
BlackVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
OrangeRedSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
WhiteSkirt:
OrangeRedVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
OrangeRedSkirt:
BlackVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
BlackSkirt:
OrangeRedSwitch
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
OrangeRedShirt:
BlackPants:
WhiteJacket/Shoes:
Shirt:
Pants:
OrangeRedShirt:
WhitePants:
BlackJacket/Shoes:
Shirt:
Pants:
BlackShirt:
OrangeRedPants:
WhiteJacket/Shoes:
Shirt:
Pants:
BlackShirt:
WhitePants:
OrangeRedJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
OrangeRedPants:
BlackJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
BlackPants:
OrangeRedSwitch
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
OrangeRedScreen:
BlackCat:
WhiteBackground:
Screen:
Cat:
OrangeRedScreen:
WhiteCat:
BlackBackground:
Screen:
Cat:
BlackScreen:
OrangeRedCat:
WhiteBackground:
Screen:
Cat:
BlackScreen:
WhiteCat:
OrangeRedBackground:
Screen:
Cat:
WhiteScreen:
OrangeRedCat:
BlackBackground:
Screen:
Cat:
WhiteScreen:
BlackCat:
OrangeRedSwitch
Leave Me Alone...
Background:
Cat:
AC Condenser:
OrangeRedCat:
BlackAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
OrangeRedCat:
WhiteAC Condenser:
BlackBackground:
Cat:
AC Condenser:
BlackCat:
OrangeRedAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
BlackCat:
WhiteAC Condenser:
OrangeRed