← Back to Editor

#EA3C61 · #2D6250 · #615312 · #86400F · #211715

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#EA3C61

Vermilion · Tomato · Passion Red

HEX
#EA3C61
RGB
rgb(234, 60, 97)
HSL
hsl(347, 81%, 58%)
HSB
hsb(347, 74%, 92%)
CMYK
cmyk(0%, 74%, 59%, 8%)
Oklch
oklch(62.6% 0.209 13.8)

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

#2D6250

Mineral Blue · DarkSlateGray · Mint Ice

HEX
#2D6250
RGB
rgb(45, 98, 80)
HSL
hsl(160, 37%, 28%)
HSB
hsb(160, 54%, 38%)
CMYK
cmyk(54%, 0%, 18%, 62%)
Oklch
oklch(45.4% 0.065 168.8)

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

#615312

Ochre · DarkOliveGreen · Amber Gold

HEX
#615312
RGB
rgb(97, 83, 18)
HSL
hsl(49, 69%, 23%)
HSB
hsb(49, 81%, 38%)
CMYK
cmyk(0%, 14%, 81%, 62%)
Oklch
oklch(44.4% 0.083 96.3)

Traditional「Ochre」· Paint「Amber Gold」· Creative Blush Sunrise

#86400F

Tangerine · Sienna · Amber Brown

HEX
#86400F
RGB
rgb(134, 64, 15)
HSL
hsl(25, 80%, 29%)
HSB
hsb(25, 89%, 53%)
CMYK
cmyk(0%, 52%, 89%, 47%)
Oklch
oklch(45.4% 0.112 49.8)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#211715

Crimson · Black · Deep Berry

HEX
#211715
RGB
rgb(33, 23, 21)
HSL
hsl(10, 22%, 11%)
HSB
hsb(10, 36%, 13%)
CMYK
cmyk(0%, 30%, 36%, 87%)
Oklch
oklch(21.7% 0.017 31.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EA3C61
3DEBC5

Analogous

EB3DB9
EA3C61
EB6E3D

Triadic

EA3C61
63EB3D
3D63EB

Split-Comp.

EA3C61
3DEB6E
3DB9EB

Tetradic

EA3C61
B9EB3D
3DEBC5
6E3DEB

Contrast Matrix WCAG 2.1 Contrast

EA3C61
2D6250
615312
86400F
211715
—
1.8
Fail
1.9
Fail
1.9
Fail
4.4
AA Large
1.8
Fail
—
1.1
Fail
1.1
Fail
2.5
Fail
1.9
Fail
1.1
Fail
—
1.0
Fail
2.3
Fail
1.9
Fail
1.1
Fail
1.0
Fail
—
2.3
Fail
4.4
AA Large
2.5
Fail
2.3
Fail
2.3
Fail
—
White BG
3.9AA Large
7.1AAA
7.6AAA
7.6AAA
17.5AAA
Black BG
5.3AA
3.0Fail
2.8Fail
2.8Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

9F9D58
444454
5B5B22
68671B
1D1D15

Deuteranopia

A9B656
413D55
5C5D26
6C711E
1D1E16

Tritanopia

E1514F
305859
602E31
832426
211616

Achromatopsia

747474
505050
505050
4F4F4F
1A1A1A

Shades & Tints Shades & Tints

#EA3C61

Dark
Light

#2D6250

Dark
Light

#615312

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ea3c61;
  --color-2: #2d6250;
  --color-3: #615312;
  --color-4: #86400f;
  --color-5: #211715;
}

SCSS

$color-1: #ea3c61;
$color-2: #2d6250;
$color-3: #615312;
$color-4: #86400f;
$color-5: #211715;

TAILWIND

colors: {
  'brand-1': '#ea3c61',
  'brand-2': '#2d6250',
  'brand-3': '#615312',
  'brand-4': '#86400f',
  'brand-5': '#211715',
}

RGB Array

[234, 60, 97], [45, 98, 80], [97, 83, 18], [134, 64, 15], [33, 23, 21]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EA3C61, #2D6250, #615312, #86400F, #211715 is ideal for: tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #ea3c61; --color-2: #2d6250; --color-3: #615312; --color-4: #86400f; --color-5: #211715. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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 tech, SaaS, healthcare, eco industries. 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