← Back to Editor

#9ECDBD · #EECDBD · #9E8993 · #CF2C09 · #FC298C

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

#9ECDBD

Jade · Silver · Lake Green

HEX
#9ECDBD
RGB
rgb(158, 205, 189)
HSL
hsl(160, 32%, 71%)
HSB
hsb(160, 23%, 80%)
CMYK
cmyk(23%, 0%, 8%, 20%)
Oklch
oklch(81.0% 0.054 172.0)

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

#EECDBD

Apricot · Wheat · Peach Orange

HEX
#EECDBD
RGB
rgb(238, 205, 189)
HSL
hsl(20, 59%, 84%)
HSB
hsb(20, 21%, 93%)
CMYK
cmyk(0%, 14%, 21%, 7%)
Oklch
oklch(87.2% 0.043 47.4)

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

#9E8993

Dark Violet · Gray · Rose Pink

HEX
#9E8993
RGB
rgb(158, 137, 147)
HSL
hsl(331, 10%, 58%)
HSB
hsb(331, 13%, 62%)
CMYK
cmyk(0%, 13%, 7%, 38%)
Oklch
oklch(65.2% 0.029 347.5)

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

#CF2C09

Vermilion · FireBrick · Passion Red

HEX
#CF2C09
RGB
rgb(207, 44, 9)
HSL
hsl(11, 92%, 42%)
HSB
hsb(11, 96%, 81%)
CMYK
cmyk(0%, 79%, 96%, 19%)
Oklch
oklch(55.6% 0.202 32.6)

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

#FC298C

Dark Violet · DeepPink · Rose Pink

HEX
#FC298C
RGB
rgb(252, 41, 140)
HSL
hsl(332, 97%, 57%)
HSB
hsb(332, 84%, 99%)
CMYK
cmyk(0%, 84%, 44%, 1%)
Oklch
oklch(65.5% 0.247 359.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9ECDBD
CD9DAD

Analogous

9DCDA5
9ECDBD
9DC5CD

Triadic

9ECDBD
BD9DCD
CDBD9D

Split-Comp.

9ECDBD
CD9DC5
CDA59D

Tetradic

9ECDBD
A59DCD
CD9DAD
C5CD9D

Contrast Matrix WCAG 2.1 Contrast

9ECDBD
EECDBD
9E8993
CF2C09
FC298C
—
1.2
Fail
1.8
Fail
3.0
Fail
2.0
Fail
1.2
Fail
—
2.2
Fail
3.5
AA Large
2.4
Fail
1.8
Fail
2.2
Fail
—
1.6
Fail
1.1
Fail
3.0
Fail
3.5
AA Large
1.6
Fail
—
1.5
Fail
2.0
Fail
2.4
Fail
1.1
Fail
1.5
Fail
—
White BG
1.8Fail
1.5Fail
3.3AA Large
5.2AA
3.6AA Large
Black BG
11.9AAA
14.1AAA
6.5AA
4.0AA Large
5.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B2B3C1
E0DFC1
959591
888711
A19F74

Deuteranopia

B0ACC2
E2E4C2
969890
929E14
ADBD6E

Tritanopia

A0C4C5
ECC4C5
9D8F8E
C7181A
F1615D

Achromatopsia

BDBDBD
D5D5D5
909090
595959
737373

Shades & Tints Shades & Tints

#9ECDBD

Dark
Light

#EECDBD

Dark
Light

#9E8993

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9ecdbd;
  --color-2: #eecdbd;
  --color-3: #9e8993;
  --color-4: #cf2c09;
  --color-5: #fc298c;
}

SCSS

$color-1: #9ecdbd;
$color-2: #eecdbd;
$color-3: #9e8993;
$color-4: #cf2c09;
$color-5: #fc298c;

TAILWIND

colors: {
  'brand-1': '#9ecdbd',
  'brand-2': '#eecdbd',
  'brand-3': '#9e8993',
  'brand-4': '#cf2c09',
  'brand-5': '#fc298c',
}

RGB Array

[158, 205, 189], [238, 205, 189], [158, 137, 147], [207, 44, 9], [252, 41, 140]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #9ECDBD, #EECDBD, #9E8993, #CF2C09, #FC298C 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: #9ecdbd; --color-2: #eecdbd; --color-3: #9e8993; --color-4: #cf2c09; --color-5: #fc298c. 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