← Back to Editor

#E73B6B · #DCC299 · #FFEBD4 · #C9DE9A · #475454

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#E73B6B

Dark Violet · MediumVioletRed · Rose Pink

HEX
#E73B6B
RGB
rgb(231, 59, 107)
HSL
hsl(343, 78%, 57%)
HSB
hsb(343, 74%, 91%)
CMYK
cmyk(0%, 74%, 54%, 9%)
Oklch
oklch(62.3% 0.208 9.5)

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

#DCC299

Goose Yellow · BurlyWood · Warm Sun

HEX
#DCC299
RGB
rgb(220, 194, 153)
HSL
hsl(37, 49%, 73%)
HSB
hsb(37, 30%, 86%)
CMYK
cmyk(0%, 12%, 30%, 14%)
Oklch
oklch(82.6% 0.062 79.0)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#FFEBD4

Goose Yellow · Beige · Peach Orange

HEX
#FFEBD4
RGB
rgb(255, 235, 212)
HSL
hsl(32, 100%, 92%)
HSB
hsb(32, 17%, 100%)
CMYK
cmyk(0%, 8%, 17%, 0%)
Oklch
oklch(95.0% 0.037 71.2)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#C9DE9A

Willow Green · Khaki · Apple Green

HEX
#C9DE9A
RGB
rgb(201, 222, 154)
HSL
hsl(79, 51%, 74%)
HSB
hsb(79, 31%, 87%)
CMYK
cmyk(9%, 0%, 31%, 13%)
Oklch
oklch(86.9% 0.092 122.3)

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

#475454

Slate Blue · DarkSlateGray · Charcoal

HEX
#475454
RGB
rgb(71, 84, 84)
HSL
hsl(180, 8%, 30%)
HSB
hsb(180, 15%, 33%)
CMYK
cmyk(15%, 0%, 0%, 67%)
Oklch
oklch(43.5% 0.016 196.6)

Traditional「Slate Blue」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E73B6B
3CE7B6

Analogous

E73CC2
E73B6B
E7613C

Triadic

E73B6B
6CE73C
3C6CE7

Split-Comp.

E73B6B
3CE761
3CC2E7

Tetradic

E73B6B
C2E73C
3CE7B6
613CE7

Contrast Matrix WCAG 2.1 Contrast

E73B6B
DCC299
FFEBD4
C9DE9A
475454
—
2.3
Fail
3.5
AA Large
2.8
Fail
2.0
Fail
2.3
Fail
—
1.5
Fail
1.2
Fail
4.6
AA
3.5
AA Large
1.5
Fail
—
1.3
Fail
6.8
AA
2.8
Fail
1.2
Fail
1.3
Fail
—
5.4
AA
2.0
Fail
4.6
AA
6.8
AA
5.4
AA
—
White BG
4.0AA Large
1.7Fail
1.2Fail
1.5Fail
7.9AAA
Black BG
5.2AA
12.2AAA
18.1AAA
14.4AAA
2.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

9D9B5F
D1D1A3
F6F6DA
D2D2AA
4D4D54

Deuteranopia

A7B35D
D2D4A5
F8F9DB
D1CFAE
4C4B54

Tritanopia

DE5654
DBABAC
FEDEDF
CAB7BA
485454

Achromatopsia

747474
C5C5C5
EEEEEE
D0D0D0
505050

Shades & Tints Shades & Tints

#E73B6B

Dark
Light

#DCC299

Dark
Light

#FFEBD4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e73b6b;
  --color-2: #dcc299;
  --color-3: #ffebd4;
  --color-4: #c9de9a;
  --color-5: #475454;
}

SCSS

$color-1: #e73b6b;
$color-2: #dcc299;
$color-3: #ffebd4;
$color-4: #c9de9a;
$color-5: #475454;

TAILWIND

colors: {
  'brand-1': '#e73b6b',
  'brand-2': '#dcc299',
  'brand-3': '#ffebd4',
  'brand-4': '#c9de9a',
  'brand-5': '#475454',
}

RGB Array

[231, 59, 107], [220, 194, 153], [255, 235, 212], [201, 222, 154], [71, 84, 84]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E73B6B, #DCC299, #FFEBD4, #C9DE9A, #475454 is ideal for: health products, baby brands, fresh-style blogs, 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: #e73b6b; --color-2: #dcc299; --color-3: #ffebd4; --color-4: #c9de9a; --color-5: #475454. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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