← Back to Editor

#112626 · #AA282D · #E68F73 · #FFDD8C · #F0E9DA

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#112626

Slate Blue · Black · Peacock Green

HEX
#112626
RGB
rgb(17, 38, 38)
HSL
hsl(180, 38%, 11%)
HSB
hsb(180, 55%, 15%)
CMYK
cmyk(55%, 0%, 0%, 85%)
Oklch
oklch(25.1% 0.027 195.6)

Traditional「Slate Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#AA282D

Vermilion · Brown · Passion Red

HEX
#AA282D
RGB
rgb(170, 40, 45)
HSL
hsl(358, 62%, 41%)
HSB
hsb(358, 76%, 67%)
CMYK
cmyk(0%, 76%, 74%, 33%)
Oklch
oklch(48.8% 0.166 24.1)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#E68F73

Apricot · DarkSalmon · Warm Sun

HEX
#E68F73
RGB
rgb(230, 143, 115)
HSL
hsl(15, 70%, 68%)
HSB
hsb(15, 50%, 90%)
CMYK
cmyk(0%, 38%, 50%, 10%)
Oklch
oklch(73.4% 0.114 38.6)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#FFDD8C

Goose Yellow · Khaki · Lemon Cream

HEX
#FFDD8C
RGB
rgb(255, 221, 140)
HSL
hsl(42, 100%, 77%)
HSB
hsb(42, 45%, 100%)
CMYK
cmyk(0%, 13%, 45%, 0%)
Oklch
oklch(90.9% 0.107 87.5)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#F0E9DA

Goose Yellow · Beige · Lemon Cream

HEX
#F0E9DA
RGB
rgb(240, 233, 218)
HSL
hsl(41, 42%, 90%)
HSB
hsb(41, 9%, 94%)
CMYK
cmyk(0%, 3%, 9%, 6%)
Oklch
oklch(93.5% 0.021 85.9)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

112626
271111

Analogous

11271C
112626
111C27

Triadic

112626
271127
272711

Split-Comp.

112626
27111C
271C11

Tetradic

112626
1C1127
271111
1C2711

Contrast Matrix WCAG 2.1 Contrast

112626
AA282D
E68F73
FFDD8C
F0E9DA
—
2.3
Fail
6.4
AA
12.0
AAA
13.1
AAA
2.3
Fail
—
2.8
Fail
5.2
AA
5.7
AA
6.4
AA
2.8
Fail
—
1.9
Fail
2.0
Fail
12.0
AAA
5.2
AA
1.9
Fail
—
1.1
Fail
13.1
AAA
5.7
AA
2.0
Fail
1.1
Fail
—
White BG
15.8AAA
6.9AA
2.5Fail
1.3Fail
1.2Fail
Black BG
1.3Fail
3.1AA Large
8.5AAA
16.0AAA
17.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1A1A26
72712C
C0C07A
F0F0A0
EDEDDE

Deuteranopia

191726
79832C
C5CC7B
F2F5A4
EDEEDF

Tritanopia

122626
A42B2B
E27F80
FDAFB2
F0E0E1

Achromatopsia

202020
4F4F4F
A6A6A6
DEDEDE
E9E9E9

Shades & Tints Shades & Tints

#112626

Dark
Light

#AA282D

Dark
Light

#E68F73

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #112626;
  --color-2: #aa282d;
  --color-3: #e68f73;
  --color-4: #ffdd8c;
  --color-5: #f0e9da;
}

SCSS

$color-1: #112626;
$color-2: #aa282d;
$color-3: #e68f73;
$color-4: #ffdd8c;
$color-5: #f0e9da;

TAILWIND

colors: {
  'brand-1': '#112626',
  'brand-2': '#aa282d',
  'brand-3': '#e68f73',
  'brand-4': '#ffdd8c',
  'brand-5': '#f0e9da',
}

RGB Array

[17, 38, 38], [170, 40, 45], [230, 143, 115], [255, 221, 140], [240, 233, 218]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #112626, #AA282D, #E68F73, #FFDD8C, #F0E9DA is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #112626; --color-2: #aa282d; --color-3: #e68f73; --color-4: #ffdd8c; --color-5: #f0e9da. LangColor editor supports one-click export to CSS, SCSS, Tailwind, JSON and more. Click the "Export" button to choose your format.

What UI/UX design tips apply to this palette?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. High-contrast palettes naturally meet WCAG accessibility standards. Use the "Contrast Matrix" tool in LangColor editor to check WCAG accessibility levels for every color pair.

Which industries or brands suit this palette?

This general-style 5-color scheme is especially suited for food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. Click "AI Analysis" in the editor for more detailed brand color suggestions.

🎨 Open this palette in Editor →

Generated by LangColor online color tool · Breaking the barrier between language and color