Top >> Color Names
Three-Color Combinations and Schemes
Color Names for HTML/CSS
PeachPuff
| Color Name | HEX | RGB |
|---|---|---|
PeachPuff |
#FFDAB9 |
255, 218, 185 |
| 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
PeachPuff
PeachPuffBlack
BlackWhite
WhitePeachPuff
PeachPuffWhite
WhiteBlack
BlackBlack
BlackPeachPuff
PeachPuffWhite
WhiteBlack
BlackWhite
WhitePeachPuff
PeachPuffWhite
WhitePeachPuff
PeachPuffBlack
BlackWhite
WhiteBlack
BlackPeachPuff
PeachPuffSwitch
Vertical Combination
PeachPuff
PeachPuffBlack
BlackWhite
WhitePeachPuff
PeachPuffWhite
WhiteBlack
BlackBlack
BlackPeachPuff
PeachPuffWhite
WhiteBlack
BlackWhite
WhitePeachPuff
PeachPuffWhite
WhitePeachPuff
PeachPuffBlack
BlackWhite
WhiteBlack
BlackPeachPuff
PeachPuffSwitch
Horizontal/Vertical Combination
PeachPuff
PeachPuffBlack
BlackWhite
WhitePeachPuff
PeachPuffWhite
WhiteBlack
BlackBlack
BlackPeachPuff
PeachPuffWhite
WhiteBlack
BlackWhite
WhitePeachPuff
PeachPuffWhite
WhitePeachPuff
PeachPuffBlack
BlackWhite
WhiteBlack
BlackPeachPuff
PeachPuffSwitch
Three Circles
PeachPuff
PeachPuffBlack
BlackWhite
WhitePeachPuff
PeachPuffWhite
WhiteBlack
BlackBlack
BlackPeachPuff
PeachPuffWhite
WhiteBlack
BlackWhite
WhitePeachPuff
PeachPuffWhite
WhitePeachPuff
PeachPuffBlack
BlackWhite
WhiteBlack
BlackPeachPuff
PeachPuffSwitch
Spots against a Background
Background:
Upper-right circle:
Lower-left circle:
PeachPuffUpper-right circle:
BlackLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
PeachPuffUpper-right circle:
WhiteLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
PeachPuffLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
WhiteLower-left circle:
PeachPuffBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
PeachPuffLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
BlackLower-left circle:
PeachPuffSwitch
Heading Design
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
PeachPuffBackground:
BlackBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
PeachPuffBackground:
WhiteBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
PeachPuffBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
WhiteBorder-bottom:
PeachPuffColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
PeachPuffBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
BlackBorder-bottom:
PeachPuffSwitch
Owl
Head/Wing/Spots:
Beak/Legs:
Body:
PeachPuffBeak/Legs:
BlackBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
PeachPuffBeak/Legs:
WhiteBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
PeachPuffBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
WhiteBody:
PeachPuffHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
PeachPuffBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
BlackBody:
PeachPuffSwitch
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
PeachPuffCream:
BlackSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
PeachPuffCream:
WhiteSponge:
BlackTopping/Fillings:
Cream:
Sponge:
BlackCream:
PeachPuffSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
BlackCream:
WhiteSponge:
PeachPuffTopping/Fillings:
Cream:
Sponge:
WhiteCream:
PeachPuffSponge:
BlackTopping/Fillings:
Cream:
Sponge:
WhiteCream:
BlackSponge:
PeachPuffSwitch
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
PeachPuffShirt/Boots:
BlackSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
PeachPuffShirt/Boots:
WhiteSkirt:
BlackVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
PeachPuffSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
WhiteSkirt:
PeachPuffVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
PeachPuffSkirt:
BlackVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
BlackSkirt:
PeachPuffSwitch
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
PeachPuffShirt:
BlackPants:
WhiteJacket/Shoes:
Shirt:
Pants:
PeachPuffShirt:
WhitePants:
BlackJacket/Shoes:
Shirt:
Pants:
BlackShirt:
PeachPuffPants:
WhiteJacket/Shoes:
Shirt:
Pants:
BlackShirt:
WhitePants:
PeachPuffJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
PeachPuffPants:
BlackJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
BlackPants:
PeachPuffSwitch
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
PeachPuffScreen:
BlackCat:
WhiteBackground:
Screen:
Cat:
PeachPuffScreen:
WhiteCat:
BlackBackground:
Screen:
Cat:
BlackScreen:
PeachPuffCat:
WhiteBackground:
Screen:
Cat:
BlackScreen:
WhiteCat:
PeachPuffBackground:
Screen:
Cat:
WhiteScreen:
PeachPuffCat:
BlackBackground:
Screen:
Cat:
WhiteScreen:
BlackCat:
PeachPuffSwitch
Leave Me Alone...
Background:
Cat:
AC Condenser:
PeachPuffCat:
BlackAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
PeachPuffCat:
WhiteAC Condenser:
BlackBackground:
Cat:
AC Condenser:
BlackCat:
PeachPuffAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
BlackCat:
WhiteAC Condenser:
PeachPuff