Color Categories
Close
category
Top >> Color Names

Three-Color Combinations and Schemes
Color Names for HTML/CSS

DarkSlateGrey

Color Name HEX RGB
DarkSlateGrey #2F4F4F 47, 79, 79
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 and white.

Horizontal Combination

DarkSlateGrey
DarkSlateGrey
Black
Black
White
White
DarkSlateGrey
DarkSlateGrey
White
White
Black
Black
Black
Black
DarkSlateGrey
DarkSlateGrey
White
White
Black
Black
White
White
DarkSlateGrey
DarkSlateGrey
White
White
DarkSlateGrey
DarkSlateGrey
Black
Black
White
White
Black
Black
DarkSlateGrey
DarkSlateGrey
Switch
Other Colors: Color Names
Color Palettes: Categories

Vertical Combination

DarkSlateGrey
DarkSlateGrey
Black
Black
White
White
DarkSlateGrey
DarkSlateGrey
White
White
Black
Black
Black
Black
DarkSlateGrey
DarkSlateGrey
White
White
Black
Black
White
White
DarkSlateGrey
DarkSlateGrey
White
White
DarkSlateGrey
DarkSlateGrey
Black
Black
White
White
Black
Black
DarkSlateGrey
DarkSlateGrey
Switch
Other Colors: Color Names
Color Palettes: Categories

Horizontal/Vertical Combination

DarkSlateGrey
DarkSlateGrey
Black
Black
White
White
DarkSlateGrey
DarkSlateGrey
White
White
Black
Black
Black
Black
DarkSlateGrey
DarkSlateGrey
White
White
Black
Black
White
White
DarkSlateGrey
DarkSlateGrey
White
White
DarkSlateGrey
DarkSlateGrey
Black
Black
White
White
Black
Black
DarkSlateGrey
DarkSlateGrey
Switch
Other Colors: Color Names
Color Palettes: Categories

Three Circles

DarkSlateGrey
DarkSlateGrey
Black
Black
White
White
DarkSlateGrey
DarkSlateGrey
White
White
Black
Black
Black
Black
DarkSlateGrey
DarkSlateGrey
White
White
Black
Black
White
White
DarkSlateGrey
DarkSlateGrey
White
White
DarkSlateGrey
DarkSlateGrey
Black
Black
White
White
Black
Black
DarkSlateGrey
DarkSlateGrey
Switch
Other Colors: Color Names
Color Palettes: Categories

Spots against a Background

Background: DarkSlateGrey
Upper-right circle: Black
Lower-left circle: White
Background: DarkSlateGrey
Upper-right circle: White
Lower-left circle: Black
Background: Black
Upper-right circle: DarkSlateGrey
Lower-left circle: White
Background: Black
Upper-right circle: White
Lower-left circle: DarkSlateGrey
Background: White
Upper-right circle: DarkSlateGrey
Lower-left circle: Black
Background: White
Upper-right circle: Black
Lower-left circle: DarkSlateGrey
Switch
Other Colors: Color Names
Color Palettes: Categories

Heading Design

Color Names for HTML/CSS
Text: DarkSlateGrey
Background: Black
Border-bottom: White
Color Names for HTML/CSS
Text: DarkSlateGrey
Background: White
Border-bottom: Black
Color Names for HTML/CSS
Text: Black
Background: DarkSlateGrey
Border-bottom: White
Color Names for HTML/CSS
Text: Black
Background: White
Border-bottom: DarkSlateGrey
Color Names for HTML/CSS
Text: White
Background: DarkSlateGrey
Border-bottom: Black
Color Names for HTML/CSS
Text: White
Background: Black
Border-bottom: DarkSlateGrey
Switch
Other Colors: Color Names
Color Palettes: Categories

Owl

Head/Wing/Spots: DarkSlateGrey
Beak/Legs: Black
Body: White
Head/Wing/Spots: DarkSlateGrey
Beak/Legs: White
Body: Black
Head/Wing/Spots: Black
Beak/Legs: DarkSlateGrey
Body: White
Head/Wing/Spots: Black
Beak/Legs: White
Body: DarkSlateGrey
Head/Wing/Spots: White
Beak/Legs: DarkSlateGrey
Body: Black
Head/Wing/Spots: White
Beak/Legs: Black
Body: DarkSlateGrey
Switch
Other Colors: Color Names
Color Palettes: Categories

What Does This Cake Taste Like?

Topping/Fillings: DarkSlateGrey
Cream: Black
Sponge: White
Topping/Fillings: DarkSlateGrey
Cream: White
Sponge: Black
Topping/Fillings: Black
Cream: DarkSlateGrey
Sponge: White
Topping/Fillings: Black
Cream: White
Sponge: DarkSlateGrey
Topping/Fillings: White
Cream: DarkSlateGrey
Sponge: Black
Topping/Fillings: White
Cream: Black
Sponge: DarkSlateGrey
Switch
Other Colors: Color Names
Color Palettes: Categories

Dress Up The Girl

Vest: DarkSlateGrey
Shirt/Boots: Black
Skirt: White
Vest: DarkSlateGrey
Shirt/Boots: White
Skirt: Black
Vest: Black
Shirt/Boots: DarkSlateGrey
Skirt: White
Vest: Black
Shirt/Boots: White
Skirt: DarkSlateGrey
Vest: White
Shirt/Boots: DarkSlateGrey
Skirt: Black
Vest: White
Shirt/Boots: Black
Skirt: DarkSlateGrey
Switch
Other Colors: Color Names
Color Palettes: Categories

Cool? Fashionable? Immaculate??

Jacket/Shoes: DarkSlateGrey
Shirt: Black
Pants: White
Jacket/Shoes: DarkSlateGrey
Shirt: White
Pants: Black
Jacket/Shoes: Black
Shirt: DarkSlateGrey
Pants: White
Jacket/Shoes: Black
Shirt: White
Pants: DarkSlateGrey
Jacket/Shoes: White
Shirt: DarkSlateGrey
Pants: Black
Jacket/Shoes: White
Shirt: Black
Pants: DarkSlateGrey
Switch
Other Colors: Color Names
Color Palettes: Categories

Keep Your Eyes on Me!!

Background: DarkSlateGrey
Screen: Black
Cat: White
Background: DarkSlateGrey
Screen: White
Cat: Black
Background: Black
Screen: DarkSlateGrey
Cat: White
Background: Black
Screen: White
Cat: DarkSlateGrey
Background: White
Screen: DarkSlateGrey
Cat: Black
Background: White
Screen: Black
Cat: DarkSlateGrey
Switch
Other Colors: Color Names
Color Palettes: Categories

Leave Me Alone...

Background: DarkSlateGrey
Cat: Black
AC Condenser: White
Background: DarkSlateGrey
Cat: White
AC Condenser: Black
Background: Black
Cat: DarkSlateGrey
AC Condenser: White
Background: Black
Cat: White
AC Condenser: DarkSlateGrey
Background: White
Cat: DarkSlateGrey
AC Condenser: Black
Background: White
Cat: Black
AC Condenser: DarkSlateGrey
Switch
Other Colors: Color Names
Color Palettes: Categories
Share and Have Fun with Your Friends!!
Notes
  • Actual colors displayed may differ depending on the display device you use.
  • All colors in themes are estimated, and some of the color combinations, especially brands and logos, are formally established separately.
  • Text colors of color codes in each boxes below are set to Black and White.
  • If you have any requests or suggestion, feel free to contact us.
  • Switch the language >> Japanese.

Scenes

Surprise Party 5

From: Impressions

Surprise Party 4

From: Impressions

Surprise Party 3

From: Impressions

Surprise Party 2

From: Impressions
See More

Brands/Logos

Walmart

Chimay Gold

Chimay Triple

Chimay Blue

See More

Characters

Noby 2

From: Doraemon

Noby

From: Doraemon

Doraemon 3

From: Doraemon

Doraemon 2

From: Doraemon
See More

Countries/Regions

Dirndl 5

From: Traditional Dresses

Dirndl 4

From: Traditional Dresses

Dirndl 3

From: Traditional Dresses

Dirndl 2

From: Traditional Dresses
See More

Animals

Yorkshire Terrier

From: Dogs

Siberian Husky

From: Dogs

Golden Retriever

From: Dogs

German Shepherd

From: Dogs
See More

Plants

Sunflower

From: Flowers

Snowdrop

From: Flowers

Scilla

From: Flowers

Rain Lily

From: Flowers
See More

Dishes

Cafe Latte 3

Cafe Latte 2

Cafe Latte 1

Fried Chicken 5

See More
Random
Nolana
Gambia
Bee 4 (Minecraft)
Summer 2
Valentine's Day 8

The color themes shown above are randomly picked up from the Tricolors database.

Tricolors | Color Names/Color Codes for HTML/CSS
Color Names for
HTML/CSS

Color names below are available in HTML/CSS coding. For color combinations with black/white and details of color codes (HEX/RGB), see each pages.

AliceBlue
AliceBlue AntiqueWhite
AntiqueWhite Aqua
Aqua Aquamarine
Aquamarine Azure
Azure Beige
Beige Bisque
Bisque Black
Black BlanchedAlmond
BlanchedAlmond Blue
Blue BlueViolet
BlueViolet Brown
Brown BurlyWood
BurlyWood CadetBlue
CadetBlue Chartreuse
Chartreuse Chocolate
Chocolate Coral
Coral CornflowerBlue
CornflowerBlue Cornsilk
Cornsilk Crimson
Crimson Cyan
Cyan DarkBlue
DarkBlue DarkCyan
DarkCyan DarkGoldenRod
DarkGoldenRod DarkGrey
DarkGrey DarkGreen
DarkGreen DarkKhaki
DarkKhaki DarkMagenta
DarkMagenta DarkOliveGreen
DarkOliveGreen DarkOrange
DarkOrange DarkOrchid
DarkOrchid DarkRed
DarkRed DarkSalmon
DarkSalmon DarkSeaGreen
DarkSeaGreen DarkSlateBlue
DarkSlateBlue DarkSlateGrey
DarkSlateGrey DarkTurquoise
DarkTurquoise DarkViolet
DarkViolet DeepPink
DeepPink DeepSkyBlue
DeepSkyBlue DimGrey
DimGrey DodgerBlue
DodgerBlue FireBrick
FireBrick FloralWhite
FloralWhite ForestGreen
ForestGreen Fuchsia
Fuchsia Gainsboro
Gainsboro GhostWhite
GhostWhite Gold
Gold GoldenRod
GoldenRod Grey
Grey Green
Green GreenYellow
GreenYellow HoneyDew
HoneyDew HotPink
HotPink IndianRed
IndianRed Indigo
Indigo Ivory
Ivory Khaki
Khaki Lavender
Lavender LavenderBlush
LavenderBlush LawnGreen
LawnGreen LemonChiffon
LemonChiffon LightBlue
LightBlue LightCoral
LightCoral LightCyan
LightCyan LightGoldenRodYellow
LightGoldenRodYellow LightGrey
LightGrey LightGreen
LightGreen LightPink
LightPink LightSalmon
LightSalmon LightSeaGreen
LightSeaGreen LightSkyBlue
LightSkyBlue LightSlateGrey
LightSlateGrey LightSteelBlue
LightSteelBlue LightYellow
LightYellow Lime
Lime LimeGreen
LimeGreen Linen
Linen Magenta
Magenta Maroon
Maroon MediumAquaMarine
MediumAquaMarine MediumBlue
MediumBlue MediumOrchid
MediumOrchid MediumPurple
MediumPurple MediumSeaGreen
MediumSeaGreen MediumSlateBlue
MediumSlateBlue MediumSpringGreen
MediumSpringGreen MediumTurquoise
MediumTurquoise MediumVioletRed
MediumVioletRed MidnightBlue
MidnightBlue MintCream
MintCream MistyRose
MistyRose Moccasin
Moccasin NavajoWhite
NavajoWhite Navy
Navy OldLace
OldLace Olive
Olive OliveDrab
OliveDrab Orange
Orange OrangeRed
OrangeRed Orchid
Orchid PaleGoldenRod
PaleGoldenRod PaleGreen
PaleGreen PaleTurquoise
PaleTurquoise PaleVioletRed
PaleVioletRed PapayaWhip
PapayaWhip PeachPuff
PeachPuff Peru
Peru Pink
Pink Plum
Plum PowderBlue
PowderBlue Purple
Purple RebeccaPurple
RebeccaPurple Red
Red RosyBrown
RosyBrown RoyalBlue
RoyalBlue SaddleBrown
SaddleBrown Salmon
Salmon SandyBrown
SandyBrown SeaGreen
SeaGreen SeaShell
SeaShell Sienna
Sienna Silver
Silver SkyBlue
SkyBlue SlateBlue
SlateBlue SlateGrey
SlateGrey Snow
Snow SpringGreen
SpringGreen SteelBlue
SteelBlue Tan
Tan Teal
Teal Thistle
Thistle Tomato
Tomato Turquoise
Turquoise Violet
Violet Wheat
Wheat White
White WhiteSmoke
WhiteSmoke Yellow
Yellow YellowGreen
YellowGreen