← Back to Editor

#E03434 · #EB6D43 · #FAF1B4 · #DAF097 · #275C55

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

#E03434

Vermilion · Crimson · Passion Red

HEX
#E03434
RGB
rgb(224, 52, 52)
HSL
hsl(0, 74%, 54%)
HSB
hsb(0, 77%, 88%)
CMYK
cmyk(0%, 77%, 77%, 12%)
Oklch
oklch(59.5% 0.208 26.3)

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

#EB6D43

Tangerine · Tomato · Warm Sun

HEX
#EB6D43
RGB
rgb(235, 109, 67)
HSL
hsl(15, 81%, 59%)
HSB
hsb(15, 71%, 92%)
CMYK
cmyk(0%, 54%, 71%, 8%)
Oklch
oklch(67.9% 0.166 38.7)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#FAF1B4

Fresh Green · Wheat · Lemon Cream

HEX
#FAF1B4
RGB
rgb(250, 241, 180)
HSL
hsl(52, 88%, 84%)
HSB
hsb(52, 28%, 98%)
CMYK
cmyk(0%, 4%, 28%, 2%)
Oklch
oklch(95.1% 0.078 100.7)

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

#DAF097

Willow Green · Khaki · Apple Green

HEX
#DAF097
RGB
rgb(218, 240, 151)
HSL
hsl(75, 75%, 77%)
HSB
hsb(75, 37%, 94%)
CMYK
cmyk(9%, 0%, 37%, 6%)
Oklch
oklch(91.9% 0.115 120.0)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#275C55

Mineral Blue · DarkSlateGray · Mint Ice

HEX
#275C55
RGB
rgb(39, 92, 85)
HSL
hsl(172, 40%, 26%)
HSB
hsb(172, 58%, 36%)
CMYK
cmyk(58%, 0%, 8%, 64%)
Oklch
oklch(43.7% 0.058 183.8)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E03434
33E1E1

Analogous

E1338A
E03434
E18A33

Triadic

E03434
33E133
3333E1

Split-Comp.

E03434
33E18A
338AE1

Tetradic

E03434
8AE133
33E1E1
8A33E1

Contrast Matrix WCAG 2.1 Contrast

E03434
EB6D43
FAF1B4
DAF097
275C55
—
1.4
Fail
3.9
AA Large
3.6
AA Large
1.7
Fail
1.4
Fail
—
2.7
Fail
2.5
Fail
2.5
Fail
3.9
AA Large
2.7
Fail
—
1.1
Fail
6.7
AA
3.6
AA Large
2.5
Fail
1.1
Fail
—
6.1
AA
1.7
Fail
2.5
Fail
6.7
AA
6.1
AA
—
White BG
4.5AA Large
3.1AA Large
1.1Fail
1.2Fail
7.6AAA
Black BG
4.7AA
6.8AA
18.3AAA
16.9AAA
2.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

969434
B4B34D
F6F6C3
E4E4AD
3E3E57

Deuteranopia

A0AC34
BCC550
F7F7C6
E2E1B2
3B3757

Tritanopia

D73434
E55557
FACED1
DBBEC1
2A5858

Achromatopsia

676767
8E8E8E
EDEDED
DFDFDF
4B4B4B

Shades & Tints Shades & Tints

#E03434

Dark
Light

#EB6D43

Dark
Light

#FAF1B4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e03434;
  --color-2: #eb6d43;
  --color-3: #faf1b4;
  --color-4: #daf097;
  --color-5: #275c55;
}

SCSS

$color-1: #e03434;
$color-2: #eb6d43;
$color-3: #faf1b4;
$color-4: #daf097;
$color-5: #275c55;

TAILWIND

colors: {
  'brand-1': '#e03434',
  'brand-2': '#eb6d43',
  'brand-3': '#faf1b4',
  'brand-4': '#daf097',
  'brand-5': '#275c55',
}

RGB Array

[224, 52, 52], [235, 109, 67], [250, 241, 180], [218, 240, 151], [39, 92, 85]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E03434, #EB6D43, #FAF1B4, #DAF097, #275C55 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: #e03434; --color-2: #eb6d43; --color-3: #faf1b4; --color-4: #daf097; --color-5: #275c55. 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