← Back to Editor

#460235 · #790055 · #AF5942 · #9CB186 · #D6C9B8

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

#460235

Rose Purple · MidnightBlue · Dark Purple

HEX
#460235
RGB
rgb(70, 2, 53)
HSL
hsl(315, 94%, 14%)
HSB
hsb(315, 97%, 27%)
CMYK
cmyk(0%, 97%, 24%, 73%)
Oklch
oklch(26.7% 0.112 341.4)

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

#790055

Rose Purple · Purple · Eggplant

HEX
#790055
RGB
rgb(121, 0, 85)
HSL
hsl(318, 100%, 24%)
HSB
hsb(318, 100%, 47%)
CMYK
cmyk(0%, 100%, 30%, 53%)
Oklch
oklch(38.3% 0.162 345.9)

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

#AF5942

Crimson · Sienna · Passion Red

HEX
#AF5942
RGB
rgb(175, 89, 66)
HSL
hsl(13, 45%, 47%)
HSB
hsb(13, 62%, 69%)
CMYK
cmyk(0%, 49%, 62%, 31%)
Oklch
oklch(56.3% 0.118 36.0)

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

#9CB186

Willow Green · DarkSeaGreen · Apple Green

HEX
#9CB186
RGB
rgb(156, 177, 134)
HSL
hsl(89, 22%, 61%)
HSB
hsb(89, 24%, 69%)
CMYK
cmyk(12%, 0%, 24%, 31%)
Oklch
oklch(73.3% 0.064 129.1)

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

#D6C9B8

Goose Yellow · Silver · Peach Orange

HEX
#D6C9B8
RGB
rgb(214, 201, 184)
HSL
hsl(34, 27%, 78%)
HSB
hsb(34, 14%, 84%)
CMYK
cmyk(0%, 6%, 14%, 16%)
Oklch
oklch(84.2% 0.027 74.7)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

460235
024513

Analogous

340245
460235
450213

Triadic

460235
344502
023445

Split-Comp.

460235
134502
024534

Tetradic

460235
453402
024513
021345

Contrast Matrix WCAG 2.1 Contrast

460235
790055
AF5942
9CB186
D6C9B8
—
1.5
Fail
3.3
AA Large
6.9
AA
9.8
AAA
1.5
Fail
—
2.2
Fail
4.7
AA
6.6
AA
3.3
AA Large
2.2
Fail
—
2.1
Fail
3.0
Fail
6.9
AA
4.7
AA
2.1
Fail
—
1.4
Fail
9.8
AAA
6.6
AA
3.0
Fail
1.4
Fail
—
White BG
15.9AAA
10.8AAA
4.8AA
2.3Fail
1.6Fail
Black BG
1.3Fail
1.9Fail
4.3AA Large
9.0AAA
12.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

292829
454440
8A8948
A5A590
D0D0BC

Deuteranopia

2D3226
4C553B
8F9549
A4A293
D1D2BD

Tritanopia

431F1D
73302D
AB4C4D
9D999A
D5BFC0

Achromatopsia

1C1C1C
2E2E2E
707070
A6A6A6
CBCBCB

Shades & Tints Shades & Tints

#460235

Dark
Light

#790055

Dark
Light

#AF5942

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #460235;
  --color-2: #790055;
  --color-3: #af5942;
  --color-4: #9cb186;
  --color-5: #d6c9b8;
}

SCSS

$color-1: #460235;
$color-2: #790055;
$color-3: #af5942;
$color-4: #9cb186;
$color-5: #d6c9b8;

TAILWIND

colors: {
  'brand-1': '#460235',
  'brand-2': '#790055',
  'brand-3': '#af5942',
  'brand-4': '#9cb186',
  'brand-5': '#d6c9b8',
}

RGB Array

[70, 2, 53], [121, 0, 85], [175, 89, 66], [156, 177, 134], [214, 201, 184]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #460235, #790055, #AF5942, #9CB186, #D6C9B8 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: #460235; --color-2: #790055; --color-3: #af5942; --color-4: #9cb186; --color-5: #d6c9b8. 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