Color Palette / Color Scheme
Iris
Colors Contained
Change the color combination using the button below.
Switch
Basic Color Palette
| Color | HEX | RGB |
|---|---|---|
#5C2B8C |
92, 43, 140 |
|
#9D62D9 |
157, 98, 217 |
|
#F2C12E |
242, 193, 46 |
Gradation
Left:
Center:
Right:
#5C2B8CCenter:
#9D62D9Right:
#F2C12E
Color Palettes: Categories
Color Combination Sample
For more samples of the color combination, see below and click on the "Switch" button to change the combination pattern.
Horizontal Combination (Iris)
#5C2B8C
#5C2B8C#9D62D9
#9D62D9#F2C12E
#F2C12E#5C2B8C
#5C2B8C#F2C12E
#F2C12E#9D62D9
#9D62D9#9D62D9
#9D62D9#5C2B8C
#5C2B8C#F2C12E
#F2C12E#9D62D9
#9D62D9#F2C12E
#F2C12E#5C2B8C
#5C2B8C#F2C12E
#F2C12E#5C2B8C
#5C2B8C#9D62D9
#9D62D9#F2C12E
#F2C12E#9D62D9
#9D62D9#5C2B8C
#5C2B8CSwitch
Color Palettes: Categories
Vertical Combination (Iris)
#5C2B8C
#5C2B8C#9D62D9
#9D62D9#F2C12E
#F2C12E#5C2B8C
#5C2B8C#F2C12E
#F2C12E#9D62D9
#9D62D9#9D62D9
#9D62D9#5C2B8C
#5C2B8C#F2C12E
#F2C12E#9D62D9
#9D62D9#F2C12E
#F2C12E#5C2B8C
#5C2B8C#F2C12E
#F2C12E#5C2B8C
#5C2B8C#9D62D9
#9D62D9#F2C12E
#F2C12E#9D62D9
#9D62D9#5C2B8C
#5C2B8CSwitch
Color Palettes: Categories
Horizontal/Vertical Combination (Iris)
#5C2B8C
#5C2B8C#9D62D9
#9D62D9#F2C12E
#F2C12E#5C2B8C
#5C2B8C#F2C12E
#F2C12E#9D62D9
#9D62D9#9D62D9
#9D62D9#5C2B8C
#5C2B8C#F2C12E
#F2C12E#9D62D9
#9D62D9#F2C12E
#F2C12E#5C2B8C
#5C2B8C#F2C12E
#F2C12E#5C2B8C
#5C2B8C#9D62D9
#9D62D9#F2C12E
#F2C12E#9D62D9
#9D62D9#5C2B8C
#5C2B8CSwitch
Color Palettes: Categories
Heading (Iris)
Colors of Iris
Text:
Background:
Border-bottom:
#5C2B8CBackground:
#9D62D9Border-bottom:
#F2C12EColors of Iris
Text:
Background:
Border-bottom:
#5C2B8CBackground:
#F2C12EBorder-bottom:
#9D62D9Colors of Iris
Text:
Background:
Border-bottom:
#9D62D9Background:
#5C2B8CBorder-bottom:
#F2C12EColors of Iris
Text:
Background:
Border-bottom:
#9D62D9Background:
#F2C12EBorder-bottom:
#5C2B8CColors of Iris
Text:
Background:
Border-bottom:
#F2C12EBackground:
#5C2B8CBorder-bottom:
#9D62D9Colors of Iris
Text:
Background:
Border-bottom:
#F2C12EBackground:
#9D62D9Border-bottom:
#5C2B8CSwitch
Color Palettes: Categories
Spots against a Background (Iris)
Background:
Upper-right circle:
Lower-left circle:
#5C2B8CUpper-right circle:
#9D62D9Lower-left circle:
#F2C12EBackground:
Upper-right circle:
Lower-left circle:
#5C2B8CUpper-right circle:
#F2C12ELower-left circle:
#9D62D9Background:
Upper-right circle:
Lower-left circle:
#9D62D9Upper-right circle:
#5C2B8CLower-left circle:
#F2C12EBackground:
Upper-right circle:
Lower-left circle:
#9D62D9Upper-right circle:
#F2C12ELower-left circle:
#5C2B8CBackground:
Upper-right circle:
Lower-left circle:
#F2C12EUpper-right circle:
#5C2B8CLower-left circle:
#9D62D9Background:
Upper-right circle:
Lower-left circle:
#F2C12EUpper-right circle:
#9D62D9Lower-left circle:
#5C2B8CSwitch
Color Palettes: Categories
Three Circles (Iris)
#5C2B8C
#5C2B8C#9D62D9
#9D62D9#F2C12E
#F2C12E#5C2B8C
#5C2B8C#F2C12E
#F2C12E#9D62D9
#9D62D9#9D62D9
#9D62D9#5C2B8C
#5C2B8C#F2C12E
#F2C12E#9D62D9
#9D62D9#F2C12E
#F2C12E#5C2B8C
#5C2B8C#F2C12E
#F2C12E#5C2B8C
#5C2B8C#9D62D9
#9D62D9#F2C12E
#F2C12E#9D62D9
#9D62D9#5C2B8C
#5C2B8CSwitch
Color Palettes: Categories
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
#5C2B8CCream:
#9D62D9Sponge:
#F2C12ETopping/Fillings:
Cream:
Sponge:
#5C2B8CCream:
#F2C12ESponge:
#9D62D9Topping/Fillings:
Cream:
Sponge:
#9D62D9Cream:
#5C2B8CSponge:
#F2C12ETopping/Fillings:
Cream:
Sponge:
#9D62D9Cream:
#F2C12ESponge:
#5C2B8CTopping/Fillings:
Cream:
Sponge:
#F2C12ECream:
#5C2B8CSponge:
#9D62D9Topping/Fillings:
Cream:
Sponge:
#F2C12ECream:
#9D62D9Sponge:
#5C2B8CSwitch
Color Palettes: Categories
Owl (Iris)
Head/Wing/Spots:
Beak/Legs:
Body:
#5C2B8CBeak/Legs:
#9D62D9Body:
#F2C12EHead/Wing/Spots:
Beak/Legs:
Body:
#5C2B8CBeak/Legs:
#F2C12EBody:
#9D62D9Head/Wing/Spots:
Beak/Legs:
Body:
#9D62D9Beak/Legs:
#5C2B8CBody:
#F2C12EHead/Wing/Spots:
Beak/Legs:
Body:
#9D62D9Beak/Legs:
#F2C12EBody:
#5C2B8CHead/Wing/Spots:
Beak/Legs:
Body:
#F2C12EBeak/Legs:
#5C2B8CBody:
#9D62D9Head/Wing/Spots:
Beak/Legs:
Body:
#F2C12EBeak/Legs:
#9D62D9Body:
#5C2B8CSwitch
Color Palettes: Categories
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
#5C2B8CShirt/Boots:
#9D62D9Skirt:
#F2C12EVest:
Shirt/Boots:
Skirt:
#5C2B8CShirt/Boots:
#F2C12ESkirt:
#9D62D9Vest:
Shirt/Boots:
Skirt:
#9D62D9Shirt/Boots:
#5C2B8CSkirt:
#F2C12EVest:
Shirt/Boots:
Skirt:
#9D62D9Shirt/Boots:
#F2C12ESkirt:
#5C2B8CVest:
Shirt/Boots:
Skirt:
#F2C12EShirt/Boots:
#5C2B8CSkirt:
#9D62D9Vest:
Shirt/Boots:
Skirt:
#F2C12EShirt/Boots:
#9D62D9Skirt:
#5C2B8CSwitch
Color Palettes: Categories
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
#5C2B8CShirt:
#9D62D9Pants:
#F2C12EJacket/Shoes:
Shirt:
Pants:
#5C2B8CShirt:
#F2C12EPants:
#9D62D9Jacket/Shoes:
Shirt:
Pants:
#9D62D9Shirt:
#5C2B8CPants:
#F2C12EJacket/Shoes:
Shirt:
Pants:
#9D62D9Shirt:
#F2C12EPants:
#5C2B8CJacket/Shoes:
Shirt:
Pants:
#F2C12EShirt:
#5C2B8CPants:
#9D62D9Jacket/Shoes:
Shirt:
Pants:
#F2C12EShirt:
#9D62D9Pants:
#5C2B8CSwitch
Color Palettes: Categories
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
#5C2B8CScreen:
#9D62D9Cat:
#F2C12EBackground:
Screen:
Cat:
#5C2B8CScreen:
#F2C12ECat:
#9D62D9Background:
Screen:
Cat:
#9D62D9Screen:
#5C2B8CCat:
#F2C12EBackground:
Screen:
Cat:
#9D62D9Screen:
#F2C12ECat:
#5C2B8CBackground:
Screen:
Cat:
#F2C12EScreen:
#5C2B8CCat:
#9D62D9Background:
Screen:
Cat:
#F2C12EScreen:
#9D62D9Cat:
#5C2B8CSwitch
Color Palettes: Categories
Leave Me Alone...
Background:
Cat:
AC Condenser:
#5C2B8CCat:
#9D62D9AC Condenser:
#F2C12EBackground:
Cat:
AC Condenser:
#5C2B8CCat:
#F2C12EAC Condenser:
#9D62D9Background:
Cat:
AC Condenser:
#9D62D9Cat:
#5C2B8CAC Condenser:
#F2C12EBackground:
Cat:
AC Condenser:
#9D62D9Cat:
#F2C12EAC Condenser:
#5C2B8CBackground:
Cat:
AC Condenser:
#F2C12ECat:
#5C2B8CAC Condenser:
#9D62D9Background:
Cat:
AC Condenser:
#F2C12ECat:
#9D62D9AC Condenser:
#5C2B8CSwitch
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 are set to
BlackandWhite. - If you have any requests or suggestion, feel free to contact us.
- Switch the language >> Japanese.
Color Samples of Plants
Category
>> Scenes >> Countries/Regions >> Characters >> Plants >> Animals >> Brands/Logos >> Dishes
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