← Back to Editor

#5F2B6B · #CA2D7A · #D7693F · #C2C0A5 · #E4D5B0

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

#5F2B6B

Dark Plum · DarkSlateBlue · Eggplant

HEX
#5F2B6B
RGB
rgb(95, 43, 107)
HSL
hsl(289, 43%, 29%)
HSB
hsb(289, 60%, 42%)
CMYK
cmyk(11%, 60%, 0%, 58%)
Oklch
oklch(38.8% 0.118 319.8)

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

#CA2D7A

Dark Violet · MediumVioletRed · Camellia

HEX
#CA2D7A
RGB
rgb(202, 45, 122)
HSL
hsl(331, 64%, 48%)
HSB
hsb(331, 78%, 79%)
CMYK
cmyk(0%, 78%, 40%, 21%)
Oklch
oklch(56.8% 0.201 356.2)

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

#D7693F

Tangerine · Chocolate · Warm Sun

HEX
#D7693F
RGB
rgb(215, 105, 63)
HSL
hsl(17, 66%, 55%)
HSB
hsb(17, 71%, 84%)
CMYK
cmyk(0%, 51%, 71%, 16%)
Oklch
oklch(64.4% 0.150 40.8)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#C2C0A5

Fresh Green · Silver · Sunflower

HEX
#C2C0A5
RGB
rgb(194, 192, 165)
HSL
hsl(56, 19%, 70%)
HSB
hsb(56, 15%, 76%)
CMYK
cmyk(0%, 1%, 15%, 24%)
Oklch
oklch(80.2% 0.037 103.7)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#E4D5B0

Goose Yellow · Wheat · Lemon Cream

HEX
#E4D5B0
RGB
rgb(228, 213, 176)
HSL
hsl(43, 49%, 79%)
HSB
hsb(43, 23%, 89%)
CMYK
cmyk(0%, 7%, 23%, 11%)
Oklch
oklch(87.6% 0.052 88.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5F2B6B
366A2A

Analogous

3E2A6A
5F2B6B
6A2A56

Triadic

5F2B6B
6A5E2A
2A6A5E

Split-Comp.

5F2B6B
566A2A
2A6A3E

Tetradic

5F2B6B
6A3E2A
366A2A
2A566A

Contrast Matrix WCAG 2.1 Contrast

5F2B6B
CA2D7A
D7693F
C2C0A5
E4D5B0
—
2.0
Fail
2.9
Fail
5.6
AA
7.1
AAA
2.0
Fail
—
1.4
Fail
2.7
Fail
3.5
AA Large
2.9
Fail
1.4
Fail
—
1.9
Fail
2.4
Fail
5.6
AA
2.7
Fail
1.9
Fail
—
1.3
Fail
7.1
AAA
3.5
AA Large
2.4
Fail
1.3
Fail
—
White BG
10.3AAA
5.0AA
3.5AA Large
1.8Fail
1.5Fail
Black BG
2.0Fail
4.2AA Large
6.0AA
11.4AAA
14.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

48485C
868567
A7A649
C1C1AC
DEDDB9

Deuteranopia

4C4F58
8F9B63
AEB64C
C1C1AD
DEE0BB

Tritanopia

5C4F4D
C25955
D25153
C2B1B2
E3C0C2

Achromatopsia

424242
656565
858585
BEBEBE
D5D5D5

Shades & Tints Shades & Tints

#5F2B6B

Dark
Light

#CA2D7A

Dark
Light

#D7693F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5f2b6b;
  --color-2: #ca2d7a;
  --color-3: #d7693f;
  --color-4: #c2c0a5;
  --color-5: #e4d5b0;
}

SCSS

$color-1: #5f2b6b;
$color-2: #ca2d7a;
$color-3: #d7693f;
$color-4: #c2c0a5;
$color-5: #e4d5b0;

TAILWIND

colors: {
  'brand-1': '#5f2b6b',
  'brand-2': '#ca2d7a',
  'brand-3': '#d7693f',
  'brand-4': '#c2c0a5',
  'brand-5': '#e4d5b0',
}

RGB Array

[95, 43, 107], [202, 45, 122], [215, 105, 63], [194, 192, 165], [228, 213, 176]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #5F2B6B, #CA2D7A, #D7693F, #C2C0A5, #E4D5B0 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: #5f2b6b; --color-2: #ca2d7a; --color-3: #d7693f; --color-4: #c2c0a5; --color-5: #e4d5b0. 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