Top >> Color Names
Three-Color Combinations and Schemes
Color Names for HTML/CSS
LightYellow
| Color Name | HEX | RGB |
|---|---|---|
LightYellow |
#FFFFE0 |
255, 255, 224 |
| 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
LightYellow
LightYellowBlack
BlackWhite
WhiteLightYellow
LightYellowWhite
WhiteBlack
BlackBlack
BlackLightYellow
LightYellowWhite
WhiteBlack
BlackWhite
WhiteLightYellow
LightYellowWhite
WhiteLightYellow
LightYellowBlack
BlackWhite
WhiteBlack
BlackLightYellow
LightYellowSwitch
Vertical Combination
LightYellow
LightYellowBlack
BlackWhite
WhiteLightYellow
LightYellowWhite
WhiteBlack
BlackBlack
BlackLightYellow
LightYellowWhite
WhiteBlack
BlackWhite
WhiteLightYellow
LightYellowWhite
WhiteLightYellow
LightYellowBlack
BlackWhite
WhiteBlack
BlackLightYellow
LightYellowSwitch
Horizontal/Vertical Combination
LightYellow
LightYellowBlack
BlackWhite
WhiteLightYellow
LightYellowWhite
WhiteBlack
BlackBlack
BlackLightYellow
LightYellowWhite
WhiteBlack
BlackWhite
WhiteLightYellow
LightYellowWhite
WhiteLightYellow
LightYellowBlack
BlackWhite
WhiteBlack
BlackLightYellow
LightYellowSwitch
Three Circles
LightYellow
LightYellowBlack
BlackWhite
WhiteLightYellow
LightYellowWhite
WhiteBlack
BlackBlack
BlackLightYellow
LightYellowWhite
WhiteBlack
BlackWhite
WhiteLightYellow
LightYellowWhite
WhiteLightYellow
LightYellowBlack
BlackWhite
WhiteBlack
BlackLightYellow
LightYellowSwitch
Spots against a Background
Background:
Upper-right circle:
Lower-left circle:
LightYellowUpper-right circle:
BlackLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
LightYellowUpper-right circle:
WhiteLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
LightYellowLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
WhiteLower-left circle:
LightYellowBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
LightYellowLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
BlackLower-left circle:
LightYellowSwitch
Heading Design
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
LightYellowBackground:
BlackBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
LightYellowBackground:
WhiteBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
LightYellowBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
WhiteBorder-bottom:
LightYellowColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
LightYellowBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
BlackBorder-bottom:
LightYellowSwitch
Owl
Head/Wing/Spots:
Beak/Legs:
Body:
LightYellowBeak/Legs:
BlackBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
LightYellowBeak/Legs:
WhiteBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
LightYellowBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
WhiteBody:
LightYellowHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
LightYellowBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
BlackBody:
LightYellowSwitch
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
LightYellowCream:
BlackSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
LightYellowCream:
WhiteSponge:
BlackTopping/Fillings:
Cream:
Sponge:
BlackCream:
LightYellowSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
BlackCream:
WhiteSponge:
LightYellowTopping/Fillings:
Cream:
Sponge:
WhiteCream:
LightYellowSponge:
BlackTopping/Fillings:
Cream:
Sponge:
WhiteCream:
BlackSponge:
LightYellowSwitch
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
LightYellowShirt/Boots:
BlackSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
LightYellowShirt/Boots:
WhiteSkirt:
BlackVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
LightYellowSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
WhiteSkirt:
LightYellowVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
LightYellowSkirt:
BlackVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
BlackSkirt:
LightYellowSwitch
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
LightYellowShirt:
BlackPants:
WhiteJacket/Shoes:
Shirt:
Pants:
LightYellowShirt:
WhitePants:
BlackJacket/Shoes:
Shirt:
Pants:
BlackShirt:
LightYellowPants:
WhiteJacket/Shoes:
Shirt:
Pants:
BlackShirt:
WhitePants:
LightYellowJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
LightYellowPants:
BlackJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
BlackPants:
LightYellowSwitch
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
LightYellowScreen:
BlackCat:
WhiteBackground:
Screen:
Cat:
LightYellowScreen:
WhiteCat:
BlackBackground:
Screen:
Cat:
BlackScreen:
LightYellowCat:
WhiteBackground:
Screen:
Cat:
BlackScreen:
WhiteCat:
LightYellowBackground:
Screen:
Cat:
WhiteScreen:
LightYellowCat:
BlackBackground:
Screen:
Cat:
WhiteScreen:
BlackCat:
LightYellowSwitch
Leave Me Alone...
Background:
Cat:
AC Condenser:
LightYellowCat:
BlackAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
LightYellowCat:
WhiteAC Condenser:
BlackBackground:
Cat:
AC Condenser:
BlackCat:
LightYellowAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
BlackCat:
WhiteAC Condenser:
LightYellow