← Back to Editor

#661339 · #D1B813 · #EAED3B · #C5E7D6 · #DFEFE8

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#661339

Dark Violet · Maroon · Raspberry

HEX
#661339
RGB
rgb(102, 19, 57)
HSL
hsl(333, 69%, 24%)
HSB
hsb(333, 81%, 40%)
CMYK
cmyk(0%, 81%, 44%, 60%)
Oklch
oklch(34.6% 0.120 358.1)

Traditional「Dark Violet」· Paint「Raspberry」· Creative Blush Sunrise

#D1B813

Autumn Sage · GoldenRod · Honey Gold

HEX
#D1B813
RGB
rgb(209, 184, 19)
HSL
hsl(52, 83%, 45%)
HSB
hsb(52, 91%, 82%)
CMYK
cmyk(0%, 12%, 91%, 18%)
Oklch
oklch(78.0% 0.159 99.1)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#EAED3B

Autumn Sage · GreenYellow · Sunflower

HEX
#EAED3B
RGB
rgb(234, 237, 59)
HSL
hsl(61, 83%, 58%)
HSB
hsb(61, 75%, 93%)
CMYK
cmyk(1%, 0%, 75%, 7%)
Oklch
oklch(91.5% 0.185 110.6)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#C5E7D6

Jade · LightGray · Mint Green

HEX
#C5E7D6
RGB
rgb(197, 231, 214)
HSL
hsl(150, 41%, 84%)
HSB
hsb(150, 15%, 91%)
CMYK
cmyk(15%, 0%, 7%, 9%)
Oklch
oklch(89.9% 0.042 163.8)

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

#DFEFE8

Jade · Lavender · Mint Green

HEX
#DFEFE8
RGB
rgb(223, 239, 232)
HSL
hsl(154, 33%, 91%)
HSB
hsb(154, 7%, 94%)
CMYK
cmyk(7%, 0%, 3%, 6%)
Oklch
oklch(93.8% 0.019 167.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

661339
136741

Analogous

671363
661339
671713

Triadic

661339
396713
133967

Split-Comp.

661339
136717
136367

Tetradic

661339
636713
136741
171367

Contrast Matrix WCAG 2.1 Contrast

661339
D1B813
EAED3B
C5E7D6
DFEFE8
—
6.2
AA
9.7
AAA
9.2
AAA
10.3
AAA
6.2
AA
—
1.6
Fail
1.5
Fail
1.7
Fail
9.7
AAA
1.6
Fail
—
1.1
Fail
1.1
Fail
9.2
AAA
1.5
Fail
1.1
Fail
—
1.1
Fail
10.3
AAA
1.7
Fail
1.1
Fail
1.1
Fail
—
White BG
12.2AAA
2.0Fail
1.3Fail
1.3Fail
1.2Fail
Black BG
1.7Fail
10.6AAA
16.7AAA
15.8AAA
17.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

424130
C6C63B
EBEB66
D4D4DA
E6E6EA

Deuteranopia

474D2E
C8C945
EBEB70
D2CFDB
E5E4EA

Tritanopia

622927
D05A61
EA8890
C7DDDE
E0EBEB

Achromatopsia

303030
ADADAD
D8D8D8
DBDBDB
E9E9E9

Shades & Tints Shades & Tints

#661339

Dark
Light

#D1B813

Dark
Light

#EAED3B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #661339;
  --color-2: #d1b813;
  --color-3: #eaed3b;
  --color-4: #c5e7d6;
  --color-5: #dfefe8;
}

SCSS

$color-1: #661339;
$color-2: #d1b813;
$color-3: #eaed3b;
$color-4: #c5e7d6;
$color-5: #dfefe8;

TAILWIND

colors: {
  'brand-1': '#661339',
  'brand-2': '#d1b813',
  'brand-3': '#eaed3b',
  'brand-4': '#c5e7d6',
  'brand-5': '#dfefe8',
}

RGB Array

[102, 19, 57], [209, 184, 19], [234, 237, 59], [197, 231, 214], [223, 239, 232]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #661339, #D1B813, #EAED3B, #C5E7D6, #DFEFE8 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #661339; --color-2: #d1b813; --color-3: #eaed3b; --color-4: #c5e7d6; --color-5: #dfefe8. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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