← Back to Editor

#EB77A7 · #2A152A · #C59FBA · #CB9665 · #D08C10

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

#EB77A7

Rouge · LightCoral · Rose Pink

HEX
#EB77A7
RGB
rgb(235, 119, 167)
HSL
hsl(335, 74%, 69%)
HSB
hsb(335, 49%, 92%)
CMYK
cmyk(0%, 49%, 29%, 8%)
Oklch
oklch(71.5% 0.152 355.5)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#2A152A

Rose Purple · Black · Dark Purple

HEX
#2A152A
RGB
rgb(42, 21, 42)
HSL
hsl(300, 33%, 12%)
HSB
hsb(300, 50%, 16%)
CMYK
cmyk(0%, 50%, 0%, 84%)
Oklch
oklch(23.5% 0.049 327.0)

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

#C59FBA

Mauve · Silver · Lilac Purple

HEX
#C59FBA
RGB
rgb(197, 159, 186)
HSL
hsl(317, 25%, 70%)
HSB
hsb(317, 19%, 77%)
CMYK
cmyk(0%, 19%, 6%, 23%)
Oklch
oklch(74.5% 0.058 336.8)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#CB9665

Tangerine · DarkSalmon · Warm Sun

HEX
#CB9665
RGB
rgb(203, 150, 101)
HSL
hsl(29, 50%, 60%)
HSB
hsb(29, 50%, 80%)
CMYK
cmyk(0%, 26%, 50%, 20%)
Oklch
oklch(71.3% 0.091 63.3)

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

#D08C10

Ochre · DarkGoldenRod · Amber Brown

HEX
#D08C10
RGB
rgb(208, 140, 16)
HSL
hsl(39, 86%, 44%)
HSB
hsb(39, 92%, 82%)
CMYK
cmyk(0%, 33%, 92%, 18%)
Oklch
oklch(69.2% 0.143 73.8)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EB77A7
75EABA

Analogous

EA75E1
EB77A7
EA7F75

Triadic

EB77A7
A6EA75
75A6EA

Split-Comp.

EB77A7
75EA7F
75E1EA

Tetradic

EB77A7
E1EA75
75EABA
7F75EA

Contrast Matrix WCAG 2.1 Contrast

EB77A7
2A152A
C59FBA
CB9665
D08C10
—
6.2
AA
1.2
Fail
1.0
Fail
1.0
Fail
6.2
AA
—
7.3
AAA
6.5
AA
6.0
AA
1.2
Fail
7.3
AAA
—
1.1
Fail
1.2
Fail
1.0
Fail
6.5
AA
1.1
Fail
—
1.1
Fail
1.0
Fail
6.0
AA
1.2
Fail
1.1
Fail
—
White BG
2.7Fail
16.9AAA
2.3Fail
2.6Fail
2.8Fail
Black BG
7.7AAA
1.2Fail
9.0AAA
8.1AAA
7.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B9B89B
212125
B5B4B3
B4B471
B3B22E

Deuteranopia

C0C899
222424
B7BAB2
B7BB74
B7BC35

Tritanopia

E59290
292120
C3AEAD
C87A7C
CD464B

Achromatopsia

9F9F9F
1E1E1E
ADADAD
A0A0A0
929292

Shades & Tints Shades & Tints

#EB77A7

Dark
Light

#2A152A

Dark
Light

#C59FBA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eb77a7;
  --color-2: #2a152a;
  --color-3: #c59fba;
  --color-4: #cb9665;
  --color-5: #d08c10;
}

SCSS

$color-1: #eb77a7;
$color-2: #2a152a;
$color-3: #c59fba;
$color-4: #cb9665;
$color-5: #d08c10;

TAILWIND

colors: {
  'brand-1': '#eb77a7',
  'brand-2': '#2a152a',
  'brand-3': '#c59fba',
  'brand-4': '#cb9665',
  'brand-5': '#d08c10',
}

RGB Array

[235, 119, 167], [42, 21, 42], [197, 159, 186], [203, 150, 101], [208, 140, 16]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EB77A7, #2A152A, #C59FBA, #CB9665, #D08C10 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: #eb77a7; --color-2: #2a152a; --color-3: #c59fba; --color-4: #cb9665; --color-5: #d08c10. 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