Top >> Color Names
Three-Color Combinations and Schemes
Color Names for HTML/CSS
Indigo
| Color Name | HEX | RGB |
|---|---|---|
Indigo |
#4B0082 |
75, 0, 130 |
| 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
Indigo
IndigoBlack
BlackWhite
WhiteIndigo
IndigoWhite
WhiteBlack
BlackBlack
BlackIndigo
IndigoWhite
WhiteBlack
BlackWhite
WhiteIndigo
IndigoWhite
WhiteIndigo
IndigoBlack
BlackWhite
WhiteBlack
BlackIndigo
IndigoSwitch
Vertical Combination
Indigo
IndigoBlack
BlackWhite
WhiteIndigo
IndigoWhite
WhiteBlack
BlackBlack
BlackIndigo
IndigoWhite
WhiteBlack
BlackWhite
WhiteIndigo
IndigoWhite
WhiteIndigo
IndigoBlack
BlackWhite
WhiteBlack
BlackIndigo
IndigoSwitch
Horizontal/Vertical Combination
Indigo
IndigoBlack
BlackWhite
WhiteIndigo
IndigoWhite
WhiteBlack
BlackBlack
BlackIndigo
IndigoWhite
WhiteBlack
BlackWhite
WhiteIndigo
IndigoWhite
WhiteIndigo
IndigoBlack
BlackWhite
WhiteBlack
BlackIndigo
IndigoSwitch
Three Circles
Indigo
IndigoBlack
BlackWhite
WhiteIndigo
IndigoWhite
WhiteBlack
BlackBlack
BlackIndigo
IndigoWhite
WhiteBlack
BlackWhite
WhiteIndigo
IndigoWhite
WhiteIndigo
IndigoBlack
BlackWhite
WhiteBlack
BlackIndigo
IndigoSwitch
Spots against a Background
Background:
Upper-right circle:
Lower-left circle:
IndigoUpper-right circle:
BlackLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
IndigoUpper-right circle:
WhiteLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
IndigoLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
WhiteLower-left circle:
IndigoBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
IndigoLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
BlackLower-left circle:
IndigoSwitch
Heading Design
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
IndigoBackground:
BlackBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
IndigoBackground:
WhiteBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
IndigoBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
WhiteBorder-bottom:
IndigoColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
IndigoBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
BlackBorder-bottom:
IndigoSwitch
Owl
Head/Wing/Spots:
Beak/Legs:
Body:
IndigoBeak/Legs:
BlackBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
IndigoBeak/Legs:
WhiteBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
IndigoBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
WhiteBody:
IndigoHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
IndigoBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
BlackBody:
IndigoSwitch
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
IndigoCream:
BlackSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
IndigoCream:
WhiteSponge:
BlackTopping/Fillings:
Cream:
Sponge:
BlackCream:
IndigoSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
BlackCream:
WhiteSponge:
IndigoTopping/Fillings:
Cream:
Sponge:
WhiteCream:
IndigoSponge:
BlackTopping/Fillings:
Cream:
Sponge:
WhiteCream:
BlackSponge:
IndigoSwitch
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
IndigoShirt/Boots:
BlackSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
IndigoShirt/Boots:
WhiteSkirt:
BlackVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
IndigoSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
WhiteSkirt:
IndigoVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
IndigoSkirt:
BlackVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
BlackSkirt:
IndigoSwitch
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
IndigoShirt:
BlackPants:
WhiteJacket/Shoes:
Shirt:
Pants:
IndigoShirt:
WhitePants:
BlackJacket/Shoes:
Shirt:
Pants:
BlackShirt:
IndigoPants:
WhiteJacket/Shoes:
Shirt:
Pants:
BlackShirt:
WhitePants:
IndigoJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
IndigoPants:
BlackJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
BlackPants:
IndigoSwitch
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
IndigoScreen:
BlackCat:
WhiteBackground:
Screen:
Cat:
IndigoScreen:
WhiteCat:
BlackBackground:
Screen:
Cat:
BlackScreen:
IndigoCat:
WhiteBackground:
Screen:
Cat:
BlackScreen:
WhiteCat:
IndigoBackground:
Screen:
Cat:
WhiteScreen:
IndigoCat:
BlackBackground:
Screen:
Cat:
WhiteScreen:
BlackCat:
IndigoSwitch
Leave Me Alone...
Background:
Cat:
AC Condenser:
IndigoCat:
BlackAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
IndigoCat:
WhiteAC Condenser:
BlackBackground:
Cat:
AC Condenser:
BlackCat:
IndigoAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
BlackCat:
WhiteAC Condenser:
Indigo