← Back to Editor

#594949 · #C14957 · #DA850C · #C4BB35 · #BFCCA7

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

#594949

Crimson · DarkSlateGray · Wine Red

HEX
#594949
RGB
rgb(89, 73, 73)
HSL
hsl(0, 10%, 32%)
HSB
hsb(0, 18%, 35%)
CMYK
cmyk(0%, 18%, 18%, 65%)
Oklch
oklch(42.2% 0.022 18.0)

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

#C14957

Crimson · Sienna · Passion Red

HEX
#C14957
RGB
rgb(193, 73, 87)
HSL
hsl(353, 49%, 52%)
HSB
hsb(353, 62%, 76%)
CMYK
cmyk(0%, 62%, 55%, 24%)
Oklch
oklch(57.1% 0.154 16.5)

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

#DA850C

Ochre · DarkGoldenRod · Amber Brown

HEX
#DA850C
RGB
rgb(218, 133, 12)
HSL
hsl(35, 90%, 45%)
HSB
hsb(35, 94%, 85%)
CMYK
cmyk(0%, 39%, 94%, 15%)
Oklch
oklch(69.1% 0.152 65.6)

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

#C4BB35

Autumn Sage · GoldenRod · Honey Gold

HEX
#C4BB35
RGB
rgb(196, 187, 53)
HSL
hsl(56, 57%, 49%)
HSB
hsb(56, 73%, 77%)
CMYK
cmyk(0%, 5%, 73%, 23%)
Oklch
oklch(77.6% 0.148 105.5)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#BFCCA7

Willow Green · Silver · Apple Green

HEX
#BFCCA7
RGB
rgb(191, 204, 167)
HSL
hsl(81, 27%, 73%)
HSB
hsb(81, 18%, 80%)
CMYK
cmyk(6%, 0%, 18%, 20%)
Oklch
oklch(82.5% 0.052 123.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

594949
495A5A

Analogous

5A4952
594949
5A5249

Triadic

594949
495A49
49495A

Split-Comp.

594949
495A52
49525A

Tetradic

594949
525A49
495A5A
52495A

Contrast Matrix WCAG 2.1 Contrast

594949
C14957
DA850C
C4BB35
BFCCA7
—
1.8
Fail
3.0
Fail
4.2
AA Large
5.0
AA
1.8
Fail
—
1.7
Fail
2.4
Fail
2.8
Fail
3.0
Fail
1.7
Fail
—
1.4
Fail
1.7
Fail
4.2
AA Large
2.4
Fail
1.4
Fail
—
1.2
Fail
5.0
AA
2.8
Fail
1.7
Fail
1.2
Fail
—
White BG
8.5AAA
4.8AA
2.9Fail
2.0Fail
1.7Fail
Black BG
2.5Fail
4.4AA Large
7.3AAA
10.5AAA
12.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

525249
8D8C54
B5B429
C0C055
C5C5B0

Deuteranopia

535449
949D53
BAC130
C1C15D
C4C3B2

Tritanopia

584949
BB5150
D64045
C46F75
C0B7B9

Achromatopsia

4E4E4E
6E6E6E
919191
AEAEAE
C4C4C4

Shades & Tints Shades & Tints

#594949

Dark
Light

#C14957

Dark
Light

#DA850C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #594949;
  --color-2: #c14957;
  --color-3: #da850c;
  --color-4: #c4bb35;
  --color-5: #bfcca7;
}

SCSS

$color-1: #594949;
$color-2: #c14957;
$color-3: #da850c;
$color-4: #c4bb35;
$color-5: #bfcca7;

TAILWIND

colors: {
  'brand-1': '#594949',
  'brand-2': '#c14957',
  'brand-3': '#da850c',
  'brand-4': '#c4bb35',
  'brand-5': '#bfcca7',
}

RGB Array

[89, 73, 73], [193, 73, 87], [218, 133, 12], [196, 187, 53], [191, 204, 167]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #594949, #C14957, #DA850C, #C4BB35, #BFCCA7 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: #594949; --color-2: #c14957; --color-3: #da850c; --color-4: #c4bb35; --color-5: #bfcca7. 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