← Back to Editor

#6C9587 · #331E1D · #C02523 · #DD2326 · #E8C9AA

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

#6C9587

Mineral Blue · SlateGray · Mint Ice

HEX
#6C9587
RGB
rgb(108, 149, 135)
HSL
hsl(160, 16%, 50%)
HSB
hsb(160, 28%, 58%)
CMYK
cmyk(28%, 0%, 9%, 42%)
Oklch
oklch(63.5% 0.050 171.6)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#331E1D

Crimson · Black · Deep Berry

HEX
#331E1D
RGB
rgb(51, 30, 29)
HSL
hsl(3, 28%, 16%)
HSB
hsb(3, 43%, 20%)
CMYK
cmyk(0%, 41%, 43%, 80%)
Oklch
oklch(26.2% 0.033 22.6)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#C02523

Vermilion · FireBrick · Passion Red

HEX
#C02523
RGB
rgb(192, 37, 35)
HSL
hsl(1, 69%, 45%)
HSB
hsb(1, 82%, 75%)
CMYK
cmyk(0%, 81%, 82%, 25%)
Oklch
oklch(52.5% 0.191 27.4)

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

#DD2326

Vermilion · Crimson · Passion Red

HEX
#DD2326
RGB
rgb(221, 35, 38)
HSL
hsl(359, 73%, 50%)
HSB
hsb(359, 84%, 87%)
CMYK
cmyk(0%, 84%, 83%, 13%)
Oklch
oklch(57.7% 0.218 27.0)

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

#E8C9AA

Goose Yellow · Wheat · Peach Orange

HEX
#E8C9AA
RGB
rgb(232, 201, 170)
HSL
hsl(30, 57%, 79%)
HSB
hsb(30, 27%, 91%)
CMYK
cmyk(0%, 13%, 27%, 9%)
Oklch
oklch(85.4% 0.054 67.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6C9587
946B79

Analogous

6B9472
6C9587
6B8D94

Triadic

6C9587
866B94
94866B

Split-Comp.

6C9587
946B8D
94726B

Tetradic

6C9587
726B94
946B79
8D946B

Contrast Matrix WCAG 2.1 Contrast

6C9587
331E1D
C02523
DD2326
E8C9AA
—
4.7
AA
1.8
Fail
1.4
Fail
2.1
Fail
4.7
AA
—
2.6
Fail
3.2
AA Large
9.9
AAA
1.8
Fail
2.6
Fail
—
1.2
Fail
3.8
AA Large
1.4
Fail
3.2
AA Large
1.2
Fail
—
3.1
AA Large
2.1
Fail
9.9
AAA
3.8
AA Large
3.1
AA Large
—
White BG
3.3AA Large
15.6AAA
5.9AA
4.8AA
1.6Fail
Black BG
6.3AA
1.3Fail
3.5AA Large
4.3AA Large
13.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7E7E8A
2A2A1D
7D7B23
8C8B25
DBDAB2

Deuteranopia

7B788B
2B2D1D
869124
97A525
DCDFB3

Tritanopia

6E8D8E
321D1D
B82424
D42525
E6B7B9

Achromatopsia

878787
242424
535353
5B5B5B
CFCFCF

Shades & Tints Shades & Tints

#6C9587

Dark
Light

#331E1D

Dark
Light

#C02523

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6c9587;
  --color-2: #331e1d;
  --color-3: #c02523;
  --color-4: #dd2326;
  --color-5: #e8c9aa;
}

SCSS

$color-1: #6c9587;
$color-2: #331e1d;
$color-3: #c02523;
$color-4: #dd2326;
$color-5: #e8c9aa;

TAILWIND

colors: {
  'brand-1': '#6c9587',
  'brand-2': '#331e1d',
  'brand-3': '#c02523',
  'brand-4': '#dd2326',
  'brand-5': '#e8c9aa',
}

RGB Array

[108, 149, 135], [51, 30, 29], [192, 37, 35], [221, 35, 38], [232, 201, 170]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6C9587, #331E1D, #C02523, #DD2326, #E8C9AA 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: #6c9587; --color-2: #331e1d; --color-3: #c02523; --color-4: #dd2326; --color-5: #e8c9aa. 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