← Back to Editor

#EA2E60 · #249D10 · #0BC8C8 · #E7F6B1 · #DD7A09

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

#EA2E60

Dark Violet · Crimson · Rose Pink

HEX
#EA2E60
RGB
rgb(234, 46, 96)
HSL
hsl(344, 82%, 55%)
HSB
hsb(344, 80%, 92%)
CMYK
cmyk(0%, 80%, 59%, 8%)
Oklch
oklch(61.6% 0.220 12.3)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#249D10

Pine Green · ForestGreen · Forest Green

HEX
#249D10
RGB
rgb(36, 157, 16)
HSL
hsl(111, 82%, 34%)
HSB
hsb(111, 90%, 62%)
CMYK
cmyk(77%, 0%, 90%, 38%)
Oklch
oklch(60.8% 0.196 141.5)

Traditional「Pine Green」· Paint「Forest Green」· Creative Blush Sunrise

#0BC8C8

Lake Blue · DarkTurquoise · Mint Ice

HEX
#0BC8C8
RGB
rgb(11, 200, 200)
HSL
hsl(180, 90%, 41%)
HSB
hsb(180, 95%, 78%)
CMYK
cmyk(95%, 0%, 0%, 22%)
Oklch
oklch(75.5% 0.128 194.8)

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

#E7F6B1

Willow Green · Wheat · Mint Green

HEX
#E7F6B1
RGB
rgb(231, 246, 177)
HSL
hsl(73, 79%, 83%)
HSB
hsb(73, 28%, 96%)
CMYK
cmyk(6%, 0%, 28%, 4%)
Oklch
oklch(94.6% 0.090 118.1)

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

#DD7A09

Ochre · Chocolate · Amber Brown

HEX
#DD7A09
RGB
rgb(221, 122, 9)
HSL
hsl(32, 92%, 45%)
HSB
hsb(32, 96%, 87%)
CMYK
cmyk(0%, 45%, 96%, 13%)
Oklch
oklch(67.6% 0.159 58.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EA2E60
2EEAB8

Analogous

EA2EBE
EA2E60
EA5A2E

Triadic

EA2E60
60EA2E
2E60EA

Split-Comp.

EA2E60
2EEA5A
2EBEEA

Tetradic

EA2E60
BEEA2E
2EEAB8
5A2EEA

Contrast Matrix WCAG 2.1 Contrast

EA2E60
249D10
0BC8C8
E7F6B1
DD7A09
—
1.2
Fail
2.0
Fail
3.6
AA Large
1.4
Fail
1.2
Fail
—
1.7
Fail
3.1
AA Large
1.2
Fail
2.0
Fail
1.7
Fail
—
1.8
Fail
1.5
Fail
3.6
AA Large
3.1
AA Large
1.8
Fail
—
2.7
Fail
1.4
Fail
1.2
Fail
1.5
Fail
2.7
Fail
—
White BG
4.2AA Large
3.6AA Large
2.1Fail
1.2Fail
3.1AA Large
Black BG
5.1AA
5.9AA
10.1AAA
18.2AAA
6.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

999754
585932
5D5FC8
EDEEC2
B2B124

Deuteranopia

A4B251
51483A
5244C8
EDECC6
B8BF2B

Tritanopia

E14A48
2A4D53
14C8C8
E8CFD2
D83A3F

Achromatopsia

6C6C6C
696969
8F8F8F
EAEAEA
8B8B8B

Shades & Tints Shades & Tints

#EA2E60

Dark
Light

#249D10

Dark
Light

#0BC8C8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ea2e60;
  --color-2: #249d10;
  --color-3: #0bc8c8;
  --color-4: #e7f6b1;
  --color-5: #dd7a09;
}

SCSS

$color-1: #ea2e60;
$color-2: #249d10;
$color-3: #0bc8c8;
$color-4: #e7f6b1;
$color-5: #dd7a09;

TAILWIND

colors: {
  'brand-1': '#ea2e60',
  'brand-2': '#249d10',
  'brand-3': '#0bc8c8',
  'brand-4': '#e7f6b1',
  'brand-5': '#dd7a09',
}

RGB Array

[234, 46, 96], [36, 157, 16], [11, 200, 200], [231, 246, 177], [221, 122, 9]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EA2E60, #249D10, #0BC8C8, #E7F6B1, #DD7A09 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: #ea2e60; --color-2: #249d10; --color-3: #0bc8c8; --color-4: #e7f6b1; --color-5: #dd7a09. 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