← Back to Editor

#EADCD1 · #A6C8C5 · #93A4A5 · #4D6467 · #D23D15

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

#EADCD1

Apricot · LightGray · Peach Orange

HEX
#EADCD1
RGB
rgb(234, 220, 209)
HSL
hsl(26, 37%, 87%)
HSB
hsb(26, 11%, 92%)
CMYK
cmyk(0%, 6%, 11%, 8%)
Oklch
oklch(90.3% 0.021 60.7)

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

#A6C8C5

Jade · LightSteelBlue · Lake Green

HEX
#A6C8C5
RGB
rgb(166, 200, 197)
HSL
hsl(175, 24%, 72%)
HSB
hsb(175, 17%, 78%)
CMYK
cmyk(17%, 0%, 1%, 22%)
Oklch
oklch(80.7% 0.037 189.9)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#93A4A5

Sky Blue · DarkGray · Silver Sand

HEX
#93A4A5
RGB
rgb(147, 164, 165)
HSL
hsl(183, 9%, 61%)
HSB
hsb(183, 11%, 65%)
CMYK
cmyk(11%, 1%, 0%, 35%)
Oklch
oklch(70.6% 0.019 201.0)

Traditional「Sky Blue」· Paint「Silver Sand」· Creative Urban Concrete

#4D6467

Slate Blue · DimGray · Mint Ice

HEX
#4D6467
RGB
rgb(77, 100, 103)
HSL
hsl(187, 14%, 35%)
HSB
hsb(187, 25%, 40%)
CMYK
cmyk(25%, 3%, 0%, 60%)
Oklch
oklch(48.6% 0.028 206.1)

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

#D23D15

Vermilion · FireBrick · Passion Red

HEX
#D23D15
RGB
rgb(210, 61, 21)
HSL
hsl(13, 82%, 45%)
HSB
hsb(13, 90%, 82%)
CMYK
cmyk(0%, 71%, 90%, 18%)
Oklch
oklch(57.7% 0.192 34.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EADCD1
D2DFEA

Analogous

EAD2D3
EADCD1
EAE8D2

Triadic

EADCD1
D2EADC
DCD2EA

Split-Comp.

EADCD1
D2EAE8
D2D3EA

Tetradic

EADCD1
D3EAD2
D2DFEA
E8D2EA

Contrast Matrix WCAG 2.1 Contrast

EADCD1
A6C8C5
93A4A5
4D6467
D23D15
—
1.3
Fail
1.9
Fail
4.7
AA
3.5
AA Large
1.3
Fail
—
1.4
Fail
3.5
AA Large
2.6
Fail
1.9
Fail
1.4
Fail
—
2.4
Fail
1.8
Fail
4.7
AA
3.5
AA Large
2.4
Fail
—
1.3
Fail
3.5
AA Large
2.6
Fail
1.8
Fail
1.3
Fail
—
White BG
1.3Fail
1.8Fail
2.6Fail
6.3AA
4.8AA
Black BG
15.7AAA
11.7AAA
8.1AAA
3.3AA Large
4.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

E4E4D4
B5B5C6
9A9BA5
575766
91901F

Deuteranopia

E5E6D4
B3B0C6
9998A5
565466
9AA521

Tritanopia

E9D6D6
A8C6C6
94A5A5
4E6666
CB2628

Achromatopsia

DFDFDF
BDBDBD
9F9F9F
5D5D5D
656565

Shades & Tints Shades & Tints

#EADCD1

Dark
Light

#A6C8C5

Dark
Light

#93A4A5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eadcd1;
  --color-2: #a6c8c5;
  --color-3: #93a4a5;
  --color-4: #4d6467;
  --color-5: #d23d15;
}

SCSS

$color-1: #eadcd1;
$color-2: #a6c8c5;
$color-3: #93a4a5;
$color-4: #4d6467;
$color-5: #d23d15;

TAILWIND

colors: {
  'brand-1': '#eadcd1',
  'brand-2': '#a6c8c5',
  'brand-3': '#93a4a5',
  'brand-4': '#4d6467',
  'brand-5': '#d23d15',
}

RGB Array

[234, 220, 209], [166, 200, 197], [147, 164, 165], [77, 100, 103], [210, 61, 21]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EADCD1, #A6C8C5, #93A4A5, #4D6467, #D23D15 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: #eadcd1; --color-2: #a6c8c5; --color-3: #93a4a5; --color-4: #4d6467; --color-5: #d23d15. 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