← Back to Editor

#E49090 · #E76C7A · #DADA70 · #1E9E93 · #504D44

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

#E49090

Peach Pink · DarkSalmon · Coral Red

HEX
#E49090
RGB
rgb(228, 144, 144)
HSL
hsl(0, 61%, 73%)
HSB
hsb(0, 37%, 89%)
CMYK
cmyk(0%, 37%, 37%, 11%)
Oklch
oklch(73.9% 0.102 19.8)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#E76C7A

Peach Pink · LightCoral · Coral Red

HEX
#E76C7A
RGB
rgb(231, 108, 122)
HSL
hsl(353, 72%, 66%)
HSB
hsb(353, 53%, 91%)
CMYK
cmyk(0%, 53%, 47%, 9%)
Oklch
oklch(68.2% 0.153 15.0)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#DADA70

Fresh Green · Khaki · Sunflower

HEX
#DADA70
RGB
rgb(218, 218, 112)
HSL
hsl(60, 59%, 65%)
HSB
hsb(60, 49%, 85%)
CMYK
cmyk(0%, 0%, 49%, 15%)
Oklch
oklch(86.7% 0.129 108.8)

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

#1E9E93

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#1E9E93
RGB
rgb(30, 158, 147)
HSL
hsl(175, 68%, 37%)
HSB
hsb(175, 81%, 62%)
CMYK
cmyk(81%, 0%, 7%, 38%)
Oklch
oklch(63.2% 0.105 185.8)

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

#504D44

Ochre · DarkSlateGray · Charcoal

HEX
#504D44
RGB
rgb(80, 77, 68)
HSL
hsl(45, 8%, 29%)
HSB
hsb(45, 15%, 31%)
CMYK
cmyk(0%, 4%, 15%, 69%)
Oklch
oklch(42.0% 0.015 91.7)

Traditional「Ochre」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E49090
90E4E4

Analogous

E490BA
E49090
E4BA90

Triadic

E49090
90E490
9090E4

Split-Comp.

E49090
90E4BA
90BAE4

Tetradic

E49090
BAE490
90E4E4
BA90E4

Contrast Matrix WCAG 2.1 Contrast

E49090
E76C7A
DADA70
1E9E93
504D44
—
1.3
Fail
1.6
Fail
1.4
Fail
3.5
AA Large
1.3
Fail
—
2.1
Fail
1.1
Fail
2.7
Fail
1.6
Fail
2.1
Fail
—
2.2
Fail
5.7
AA
1.4
Fail
1.1
Fail
2.2
Fail
—
2.6
Fail
3.5
AA Large
2.7
Fail
5.7
AA
2.6
Fail
—
White BG
2.4Fail
3.1AA Large
1.5Fail
3.3AA Large
8.4AAA
Black BG
8.7AAA
6.8AA
14.2AAA
6.4AA
2.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C0BF90
B2B177
DADA8A
555796
4F4F46

Deuteranopia

C5CB90
B9C276
DADA90
4E4496
4F4F47

Tritanopia

E09090
E17473
DA9EA2
249898
504848

Achromatopsia

A9A9A9
929292
CECECE
767676
4D4D4D

Shades & Tints Shades & Tints

#E49090

Dark
Light

#E76C7A

Dark
Light

#DADA70

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e49090;
  --color-2: #e76c7a;
  --color-3: #dada70;
  --color-4: #1e9e93;
  --color-5: #504d44;
}

SCSS

$color-1: #e49090;
$color-2: #e76c7a;
$color-3: #dada70;
$color-4: #1e9e93;
$color-5: #504d44;

TAILWIND

colors: {
  'brand-1': '#e49090',
  'brand-2': '#e76c7a',
  'brand-3': '#dada70',
  'brand-4': '#1e9e93',
  'brand-5': '#504d44',
}

RGB Array

[228, 144, 144], [231, 108, 122], [218, 218, 112], [30, 158, 147], [80, 77, 68]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E49090, #E76C7A, #DADA70, #1E9E93, #504D44 is ideal for: 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: #e49090; --color-2: #e76c7a; --color-3: #dada70; --color-4: #1e9e93; --color-5: #504d44. 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 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