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