← Back to Editor

#4A3385 · #CF2C89 · #D68B90 · #D2C787 · #E2E9C8

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#4A3385

Deep Indigo · DarkSlateBlue · Prussian Blue

HEX
#4A3385
RGB
rgb(74, 51, 133)
HSL
hsl(257, 45%, 36%)
HSB
hsb(257, 62%, 52%)
CMYK
cmyk(44%, 62%, 0%, 48%)
Oklch
oklch(39.4% 0.131 292.2)

Traditional「Deep Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#CF2C89

Rose Purple · MediumVioletRed · Camellia

HEX
#CF2C89
RGB
rgb(207, 44, 137)
HSL
hsl(326, 65%, 49%)
HSB
hsb(326, 79%, 81%)
CMYK
cmyk(0%, 79%, 34%, 19%)
Oklch
oklch(58.1% 0.212 351.3)

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

#D68B90

Peach Pink · DarkSalmon · Coral Red

HEX
#D68B90
RGB
rgb(214, 139, 144)
HSL
hsl(356, 48%, 69%)
HSB
hsb(356, 35%, 84%)
CMYK
cmyk(0%, 35%, 33%, 16%)
Oklch
oklch(71.4% 0.092 15.3)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#D2C787

Fresh Green · BurlyWood · Sunflower

HEX
#D2C787
RGB
rgb(210, 199, 135)
HSL
hsl(51, 45%, 68%)
HSB
hsb(51, 36%, 82%)
CMYK
cmyk(0%, 5%, 36%, 18%)
Oklch
oklch(82.4% 0.084 99.6)

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

#E2E9C8

Willow Green · LightGray · Mint Green

HEX
#E2E9C8
RGB
rgb(226, 233, 200)
HSL
hsl(73, 43%, 85%)
HSB
hsb(73, 14%, 91%)
CMYK
cmyk(3%, 0%, 14%, 9%)
Oklch
oklch(92.0% 0.044 117.0)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4A3385
6E8532

Analogous

324485
4A3385
733285

Triadic

4A3385
854A32
32854A

Split-Comp.

4A3385
857332
448532

Tetradic

4A3385
853244
6E8532
328573

Contrast Matrix WCAG 2.1 Contrast

4A3385
CF2C89
D68B90
D2C787
E2E9C8
—
2.1
Fail
3.8
AA Large
5.8
AA
8.0
AAA
2.1
Fail
—
1.8
Fail
2.8
Fail
3.8
AA Large
3.8
AA Large
1.8
Fail
—
1.5
Fail
2.1
Fail
5.8
AA
2.8
Fail
1.5
Fail
—
1.4
Fail
8.0
AAA
3.8
AA Large
2.1
Fail
1.4
Fail
—
White BG
10.0AAA
4.8AA
2.6Fail
1.7Fail
1.3Fail
Black BG
2.1Fail
4.4AA Large
8.0AAA
12.3AAA
16.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

404071
888772
B6B58F
CDCD96
E5E5D0

Deuteranopia

41436C
929E6D
BABF8F
CECF9A
E5E4D2

Tritanopia

49615E
C7615D
D28E8E
D1A3A5
E2D6D8

Achromatopsia

434343
676767
A2A2A2
C3C3C3
E3E3E3

Shades & Tints Shades & Tints

#4A3385

Dark
Light

#CF2C89

Dark
Light

#D68B90

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4a3385;
  --color-2: #cf2c89;
  --color-3: #d68b90;
  --color-4: #d2c787;
  --color-5: #e2e9c8;
}

SCSS

$color-1: #4a3385;
$color-2: #cf2c89;
$color-3: #d68b90;
$color-4: #d2c787;
$color-5: #e2e9c8;

TAILWIND

colors: {
  'brand-1': '#4a3385',
  'brand-2': '#cf2c89',
  'brand-3': '#d68b90',
  'brand-4': '#d2c787',
  'brand-5': '#e2e9c8',
}

RGB Array

[74, 51, 133], [207, 44, 137], [214, 139, 144], [210, 199, 135], [226, 233, 200]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #4A3385, #CF2C89, #D68B90, #D2C787, #E2E9C8 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: #4a3385; --color-2: #cf2c89; --color-3: #d68b90; --color-4: #d2c787; --color-5: #e2e9c8. 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