← Back to Editor

#61447A · #4D2F63 · #371C49 · #F7DD88 · #FFE9C9

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#61447A

Dark Plum · DarkSlateBlue · Eggplant

HEX
#61447A
RGB
rgb(97, 68, 122)
HSL
hsl(272, 28%, 37%)
HSB
hsb(272, 44%, 48%)
CMYK
cmyk(20%, 44%, 0%, 52%)
Oklch
oklch(44.2% 0.092 307.8)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#4D2F63

Dark Plum · DarkSlateBlue · Eggplant

HEX
#4D2F63
RGB
rgb(77, 47, 99)
HSL
hsl(275, 36%, 29%)
HSB
hsb(275, 53%, 39%)
CMYK
cmyk(22%, 53%, 0%, 61%)
Oklch
oklch(36.6% 0.092 309.2)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#371C49

Dark Plum · MidnightBlue · Dark Purple

HEX
#371C49
RGB
rgb(55, 28, 73)
HSL
hsl(276, 45%, 20%)
HSB
hsb(276, 62%, 29%)
CMYK
cmyk(25%, 62%, 0%, 71%)
Oklch
oklch(28.7% 0.084 309.8)

Traditional「Dark Plum」· Paint「Dark Purple」· Creative Blush Sunrise

#F7DD88

Goose Yellow · Khaki · Sunflower

HEX
#F7DD88
RGB
rgb(247, 221, 136)
HSL
hsl(46, 87%, 75%)
HSB
hsb(46, 45%, 97%)
CMYK
cmyk(0%, 11%, 45%, 3%)
Oklch
oklch(90.1% 0.109 93.0)

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

#FFE9C9

Goose Yellow · Bisque · Peach Orange

HEX
#FFE9C9
RGB
rgb(255, 233, 201)
HSL
hsl(36, 100%, 89%)
HSB
hsb(36, 21%, 100%)
CMYK
cmyk(0%, 9%, 21%, 0%)
Oklch
oklch(94.4% 0.048 77.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

61447A
5D7944

Analogous

464479
61447A
794477

Triadic

61447A
796044
447960

Split-Comp.

61447A
777944
447946

Tetradic

61447A
794644
5D7944
447779

Contrast Matrix WCAG 2.1 Contrast

61447A
4D2F63
371C49
F7DD88
FFE9C9
—
1.4
Fail
1.8
Fail
6.0
AA
6.8
AA
1.4
Fail
—
1.3
Fail
8.2
AAA
9.3
AAA
1.8
Fail
1.3
Fail
—
11.0
AAA
12.5
AAA
6.0
AA
8.2
AAA
11.0
AAA
—
1.1
Fail
6.8
AA
9.3
AAA
12.5
AAA
1.1
Fail
—
White BG
8.0AAA
11.0AAA
14.7AAA
1.3Fail
1.2Fail
Black BG
2.6Fail
1.9Fail
1.4Fail
15.7AAA
17.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

54546D
404056
2B2B3E
ECEC9D
F5F5D1

Deuteranopia

56586A
424453
2D2F3B
EDEFA2
F7F8D3

Tritanopia

606360
4B4C4A
363634
F6ADB0
FED7D8

Achromatopsia

535353
3E3E3E
292929
DBDBDB
ECECEC

Shades & Tints Shades & Tints

#61447A

Dark
Light

#4D2F63

Dark
Light

#371C49

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #61447a;
  --color-2: #4d2f63;
  --color-3: #371c49;
  --color-4: #f7dd88;
  --color-5: #ffe9c9;
}

SCSS

$color-1: #61447a;
$color-2: #4d2f63;
$color-3: #371c49;
$color-4: #f7dd88;
$color-5: #ffe9c9;

TAILWIND

colors: {
  'brand-1': '#61447a',
  'brand-2': '#4d2f63',
  'brand-3': '#371c49',
  'brand-4': '#f7dd88',
  'brand-5': '#ffe9c9',
}

RGB Array

[97, 68, 122], [77, 47, 99], [55, 28, 73], [247, 221, 136], [255, 233, 201]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #61447A, #4D2F63, #371C49, #F7DD88, #FFE9C9 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: #61447a; --color-2: #4d2f63; --color-3: #371c49; --color-4: #f7dd88; --color-5: #ffe9c9. 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