← Back to Editor

#5C2E6E · #F9E5B2 · #AC7F7A · #F6DC8F · #B76F87

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

#5C2E6E

Dark Plum · DarkSlateBlue · Eggplant

HEX
#5C2E6E
RGB
rgb(92, 46, 110)
HSL
hsl(283, 41%, 31%)
HSB
hsb(283, 58%, 43%)
CMYK
cmyk(16%, 58%, 0%, 57%)
Oklch
oklch(39.1% 0.114 315.6)

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

#F9E5B2

Goose Yellow · Wheat · Lemon Cream

HEX
#F9E5B2
RGB
rgb(249, 229, 178)
HSL
hsl(43, 86%, 84%)
HSB
hsb(43, 29%, 98%)
CMYK
cmyk(0%, 8%, 29%, 2%)
Oklch
oklch(92.6% 0.069 89.1)

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

#AC7F7A

Crimson · Gray · Passion Red

HEX
#AC7F7A
RGB
rgb(172, 127, 122)
HSL
hsl(6, 23%, 58%)
HSB
hsb(6, 29%, 67%)
CMYK
cmyk(0%, 26%, 29%, 33%)
Oklch
oklch(63.9% 0.057 26.0)

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

#F6DC8F

Goose Yellow · Khaki · Lemon Cream

HEX
#F6DC8F
RGB
rgb(246, 220, 143)
HSL
hsl(45, 85%, 76%)
HSB
hsb(45, 42%, 96%)
CMYK
cmyk(0%, 11%, 42%, 4%)
Oklch
oklch(89.9% 0.100 91.5)

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

#B76F87

Dark Violet · Gray · Rose Pink

HEX
#B76F87
RGB
rgb(183, 111, 135)
HSL
hsl(340, 33%, 58%)
HSB
hsb(340, 39%, 72%)
CMYK
cmyk(0%, 39%, 26%, 28%)
Oklch
oklch(62.7% 0.096 358.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5C2E6E
416F2F

Analogous

3D2F6F
5C2E6E
6F2F61

Triadic

5C2E6E
6F5D2F
2F6F5D

Split-Comp.

5C2E6E
616F2F
2F6F3D

Tetradic

5C2E6E
6F3D2F
416F2F
2F616F

Contrast Matrix WCAG 2.1 Contrast

5C2E6E
F9E5B2
AC7F7A
F6DC8F
B76F87
—
8.1
AAA
2.9
Fail
7.5
AAA
2.7
Fail
8.1
AAA
—
2.8
Fail
1.1
Fail
3.0
Fail
2.9
Fail
2.8
Fail
—
2.6
Fail
1.1
Fail
7.5
AAA
1.1
Fail
2.6
Fail
—
2.8
Fail
2.7
Fail
3.0
Fail
1.1
Fail
2.8
Fail
—
White BG
10.1AAA
1.2Fail
3.5AA Large
1.4Fail
3.7AA Large
Black BG
2.1Fail
16.9AAA
6.1AA
15.6AAA
5.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

48485F
F0F0BE
99987B
EBEBA2
989781

Deuteranopia

4B4E5B
F2F3C1
9B9F7C
ECEEA6
9CA180

Tritanopia

5A5250
F8C8CA
AA7C7C
F5B0B4
B37D7C

Achromatopsia

434343
E5E5E5
8C8C8C
DBDBDB
878787

Shades & Tints Shades & Tints

#5C2E6E

Dark
Light

#F9E5B2

Dark
Light

#AC7F7A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5c2e6e;
  --color-2: #f9e5b2;
  --color-3: #ac7f7a;
  --color-4: #f6dc8f;
  --color-5: #b76f87;
}

SCSS

$color-1: #5c2e6e;
$color-2: #f9e5b2;
$color-3: #ac7f7a;
$color-4: #f6dc8f;
$color-5: #b76f87;

TAILWIND

colors: {
  'brand-1': '#5c2e6e',
  'brand-2': '#f9e5b2',
  'brand-3': '#ac7f7a',
  'brand-4': '#f6dc8f',
  'brand-5': '#b76f87',
}

RGB Array

[92, 46, 110], [249, 229, 178], [172, 127, 122], [246, 220, 143], [183, 111, 135]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #5C2E6E, #F9E5B2, #AC7F7A, #F6DC8F, #B76F87 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: #5c2e6e; --color-2: #f9e5b2; --color-3: #ac7f7a; --color-4: #f6dc8f; --color-5: #b76f87. 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