← Back to Editor

#EA8676 · #493831 · #505A64 · #FDEECD · #F1CEB2

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

#EA8676

Peach Pink · LightCoral · Coral Red

HEX
#EA8676
RGB
rgb(234, 134, 118)
HSL
hsl(8, 73%, 69%)
HSB
hsb(8, 50%, 92%)
CMYK
cmyk(0%, 43%, 50%, 8%)
Oklch
oklch(72.4% 0.126 30.1)

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

#493831

Tangerine · DarkSlateGray · Cinnamon

HEX
#493831
RGB
rgb(73, 56, 49)
HSL
hsl(17, 20%, 24%)
HSB
hsb(17, 33%, 29%)
CMYK
cmyk(0%, 23%, 33%, 71%)
Oklch
oklch(35.7% 0.027 43.5)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#505A64

Indigo · DimGray · Prussian Blue

HEX
#505A64
RGB
rgb(80, 90, 100)
HSL
hsl(210, 11%, 35%)
HSB
hsb(210, 20%, 39%)
CMYK
cmyk(20%, 10%, 0%, 61%)
Oklch
oklch(46.3% 0.021 248.3)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#FDEECD

Goose Yellow · Bisque · Lemon Cream

HEX
#FDEECD
RGB
rgb(253, 238, 205)
HSL
hsl(41, 92%, 90%)
HSB
hsb(41, 19%, 99%)
CMYK
cmyk(0%, 6%, 19%, 1%)
Oklch
oklch(95.3% 0.046 86.5)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#F1CEB2

Apricot · Wheat · Peach Orange

HEX
#F1CEB2
RGB
rgb(241, 206, 178)
HSL
hsl(27, 69%, 82%)
HSB
hsb(27, 26%, 95%)
CMYK
cmyk(0%, 15%, 26%, 5%)
Oklch
oklch(87.4% 0.054 60.7)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EA8676
76DAEA

Analogous

EA76A1
EA8676
EABF76

Triadic

EA8676
76EA86
8676EA

Split-Comp.

EA8676
76EABF
76A1EA

Tetradic

EA8676
A1EA76
76DAEA
BF76EA

Contrast Matrix WCAG 2.1 Contrast

EA8676
493831
505A64
FDEECD
F1CEB2
—
4.3
AA Large
2.7
Fail
2.2
Fail
1.7
Fail
4.3
AA Large
—
1.6
Fail
9.7
AAA
7.5
AAA
2.7
Fail
1.6
Fail
—
6.1
AA
4.8
AA
2.2
Fail
9.7
AAA
6.1
AA
—
1.3
Fail
1.7
Fail
7.5
AAA
4.8
AA
1.3
Fail
—
White BG
2.6Fail
11.1AAA
7.0AAA
1.1Fail
1.5Fail
Black BG
8.2AAA
1.9Fail
3.0Fail
18.3AAA
14.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BFBE7A
424133
545462
F7F6D5
E2E2B9

Deuteranopia

C5CC7B
434433
545361
F7F9D7
E4E7BA

Tritanopia

E57D7E
483434
51605F
FCDBDD
EFBEBF

Achromatopsia

A2A2A2
3C3C3C
585858
EFEFEF
D5D5D5

Shades & Tints Shades & Tints

#EA8676

Dark
Light

#493831

Dark
Light

#505A64

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ea8676;
  --color-2: #493831;
  --color-3: #505a64;
  --color-4: #fdeecd;
  --color-5: #f1ceb2;
}

SCSS

$color-1: #ea8676;
$color-2: #493831;
$color-3: #505a64;
$color-4: #fdeecd;
$color-5: #f1ceb2;

TAILWIND

colors: {
  'brand-1': '#ea8676',
  'brand-2': '#493831',
  'brand-3': '#505a64',
  'brand-4': '#fdeecd',
  'brand-5': '#f1ceb2',
}

RGB Array

[234, 134, 118], [73, 56, 49], [80, 90, 100], [253, 238, 205], [241, 206, 178]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EA8676, #493831, #505A64, #FDEECD, #F1CEB2 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: #ea8676; --color-2: #493831; --color-3: #505a64; --color-4: #fdeecd; --color-5: #f1ceb2. 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