← Back to Editor

#290707 · #EE4037 · #F39946 · #E9DB92 · #70A589

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#290707

Vermilion · Black · Deep Berry

HEX
#290707
RGB
rgb(41, 7, 7)
HSL
hsl(0, 71%, 9%)
HSB
hsb(0, 83%, 16%)
CMYK
cmyk(0%, 83%, 83%, 84%)
Oklch
oklch(19.2% 0.057 24.3)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

#EE4037

Vermilion · Tomato · Passion Red

HEX
#EE4037
RGB
rgb(238, 64, 55)
HSL
hsl(3, 84%, 57%)
HSB
hsb(3, 77%, 93%)
CMYK
cmyk(0%, 73%, 77%, 7%)
Oklch
oklch(63.0% 0.212 28.0)

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

#F39946

Apricot · SandyBrown · Warm Sun

HEX
#F39946
RGB
rgb(243, 153, 70)
HSL
hsl(29, 88%, 61%)
HSB
hsb(29, 71%, 95%)
CMYK
cmyk(0%, 37%, 71%, 5%)
Oklch
oklch(76.1% 0.145 60.2)

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

#E9DB92

Fresh Green · Khaki · Sunflower

HEX
#E9DB92
RGB
rgb(233, 219, 146)
HSL
hsl(50, 66%, 74%)
HSB
hsb(50, 37%, 91%)
CMYK
cmyk(0%, 6%, 37%, 9%)
Oklch
oklch(88.6% 0.094 98.7)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#70A589

Celadon · CadetBlue · Olive Green

HEX
#70A589
RGB
rgb(112, 165, 137)
HSL
hsl(148, 23%, 54%)
HSB
hsb(148, 32%, 65%)
CMYK
cmyk(32%, 0%, 17%, 35%)
Oklch
oklch(67.7% 0.070 160.7)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

290707
072727

Analogous

270717
290707
271707

Triadic

290707
072707
070727

Split-Comp.

290707
072717
071727

Tetradic

290707
172707
072727
170727

Contrast Matrix WCAG 2.1 Contrast

290707
EE4037
F39946
E9DB92
70A589
—
4.8
AA
8.4
AAA
13.3
AAA
6.6
AA
4.8
AA
—
1.7
Fail
2.8
Fail
1.4
Fail
8.4
AAA
1.7
Fail
—
1.6
Fail
1.3
Fail
13.3
AAA
2.8
Fail
1.6
Fail
—
2.0
Fail
6.6
AA
1.4
Fail
1.3
Fail
2.0
Fail
—
White BG
18.6AAA
3.9AA Large
2.2Fail
1.4Fail
2.8Fail
Black BG
1.1Fail
5.4AA
9.5AAA
15.0AAA
7.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1A1A07
A3A139
CCCB5A
E3E3A4
878790

Deuteranopia

1C1F07
ADBA3A
D1D85F
E4E5A8
848091

Tritanopia

270707
E53B3B
EF6A6D
E8B2B5
739596

Achromatopsia

111111
737373
AAAAAA
D7D7D7
929292

Shades & Tints Shades & Tints

#290707

Dark
Light

#EE4037

Dark
Light

#F39946

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #290707;
  --color-2: #ee4037;
  --color-3: #f39946;
  --color-4: #e9db92;
  --color-5: #70a589;
}

SCSS

$color-1: #290707;
$color-2: #ee4037;
$color-3: #f39946;
$color-4: #e9db92;
$color-5: #70a589;

TAILWIND

colors: {
  'brand-1': '#290707',
  'brand-2': '#ee4037',
  'brand-3': '#f39946',
  'brand-4': '#e9db92',
  'brand-5': '#70a589',
}

RGB Array

[41, 7, 7], [238, 64, 55], [243, 153, 70], [233, 219, 146], [112, 165, 137]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #290707, #EE4037, #F39946, #E9DB92, #70A589 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: #290707; --color-2: #ee4037; --color-3: #f39946; --color-4: #e9db92; --color-5: #70a589. 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