← Back to Editor

#CAC764 · #FF9D4D · #EB4BCB · #73496B · #2B2129

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

#CAC764

Autumn Sage · BurlyWood · Sunflower

HEX
#CAC764
RGB
rgb(202, 199, 100)
HSL
hsl(58, 49%, 59%)
HSB
hsb(58, 50%, 79%)
CMYK
cmyk(0%, 1%, 50%, 21%)
Oklch
oklch(81.2% 0.122 107.3)

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

#FF9D4D

Apricot · SandyBrown · Warm Sun

HEX
#FF9D4D
RGB
rgb(255, 157, 77)
HSL
hsl(27, 100%, 65%)
HSB
hsb(27, 70%, 100%)
CMYK
cmyk(0%, 38%, 70%, 0%)
Oklch
oklch(78.3% 0.150 57.1)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#EB4BCB

Mauve · Orchid · Lilac Purple

HEX
#EB4BCB
RGB
rgb(235, 75, 203)
HSL
hsl(312, 80%, 61%)
HSB
hsb(312, 68%, 92%)
CMYK
cmyk(0%, 68%, 14%, 8%)
Oklch
oklch(67.7% 0.236 337.0)

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

#73496B

Rose Purple · DimGray · Eggplant

HEX
#73496B
RGB
rgb(115, 73, 107)
HSL
hsl(311, 22%, 37%)
HSB
hsb(311, 37%, 45%)
CMYK
cmyk(0%, 37%, 7%, 55%)
Oklch
oklch(46.5% 0.075 333.8)

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

#2B2129

Rose Purple · DarkSlateGray · Dark Purple

HEX
#2B2129
RGB
rgb(43, 33, 41)
HSL
hsl(312, 13%, 15%)
HSB
hsb(312, 23%, 17%)
CMYK
cmyk(0%, 23%, 5%, 83%)
Oklch
oklch(26.3% 0.021 333.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CAC764
6367CA

Analogous

CA9363
CAC764
9ACA63

Triadic

CAC764
63CAC6
C663CA

Split-Comp.

CAC764
639ACA
9363CA

Tetradic

CAC764
63CA93
6367CA
CA639A

Contrast Matrix WCAG 2.1 Contrast

CAC764
FF9D4D
EB4BCB
73496B
2B2129
—
1.2
Fail
1.9
Fail
4.1
AA Large
8.8
AAA
1.2
Fail
—
1.6
Fail
3.5
AA Large
7.5
AAA
1.9
Fail
1.6
Fail
—
2.2
Fail
4.7
AA
4.1
AA Large
3.5
AA Large
2.2
Fail
—
2.1
Fail
8.8
AAA
7.5
AAA
4.7
AA
2.1
Fail
—
White BG
1.8Fail
2.1Fail
3.3AA Large
7.3AAA
15.5AAA
Black BG
11.9AAA
10.2AAA
6.4AA
2.9Fail
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C9C97C
D5D460
A6A4AC
616063
272727

Deuteranopia

C9C982
DAE265
AFBBA5
636661
272827

Tritanopia

CA8F93
FA7073
E3948E
715C5B
2B2625

Achromatopsia

BDBDBD
B1B1B1
898989
595959
252525

Shades & Tints Shades & Tints

#CAC764

Dark
Light

#FF9D4D

Dark
Light

#EB4BCB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cac764;
  --color-2: #ff9d4d;
  --color-3: #eb4bcb;
  --color-4: #73496b;
  --color-5: #2b2129;
}

SCSS

$color-1: #cac764;
$color-2: #ff9d4d;
$color-3: #eb4bcb;
$color-4: #73496b;
$color-5: #2b2129;

TAILWIND

colors: {
  'brand-1': '#cac764',
  'brand-2': '#ff9d4d',
  'brand-3': '#eb4bcb',
  'brand-4': '#73496b',
  'brand-5': '#2b2129',
}

RGB Array

[202, 199, 100], [255, 157, 77], [235, 75, 203], [115, 73, 107], [43, 33, 41]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CAC764, #FF9D4D, #EB4BCB, #73496B, #2B2129 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: #cac764; --color-2: #ff9d4d; --color-3: #eb4bcb; --color-4: #73496b; --color-5: #2b2129. 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