← Back to Editor

#5C3F42 · #2B6B81 · #CA9256 · #FDB232 · #E1E9C0

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

#5C3F42

Crimson · DarkOliveGreen · Wine Red

HEX
#5C3F42
RGB
rgb(92, 63, 66)
HSL
hsl(354, 19%, 30%)
HSB
hsb(354, 32%, 36%)
CMYK
cmyk(0%, 32%, 28%, 64%)
Oklch
oklch(40.1% 0.041 12.2)

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

#2B6B81

Slate Blue · Teal · Mint Ice

HEX
#2B6B81
RGB
rgb(43, 107, 129)
HSL
hsl(195, 50%, 34%)
HSB
hsb(195, 67%, 51%)
CMYK
cmyk(67%, 17%, 0%, 49%)
Oklch
oklch(49.6% 0.073 224.0)

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

#CA9256

Ginger · SandyBrown · Warm Sun

HEX
#CA9256
RGB
rgb(202, 146, 86)
HSL
hsl(31, 52%, 56%)
HSB
hsb(31, 57%, 79%)
CMYK
cmyk(0%, 28%, 57%, 21%)
Oklch
oklch(70.2% 0.103 66.7)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#FDB232

Ginger · GoldenRod · Warm Sun

HEX
#FDB232
RGB
rgb(253, 178, 50)
HSL
hsl(38, 98%, 59%)
HSB
hsb(38, 80%, 99%)
CMYK
cmyk(0%, 30%, 80%, 1%)
Oklch
oklch(81.5% 0.158 75.3)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#E1E9C0

Willow Green · Wheat · Mint Green

HEX
#E1E9C0
RGB
rgb(225, 233, 192)
HSL
hsl(72, 48%, 83%)
HSB
hsb(72, 18%, 91%)
CMYK
cmyk(3%, 0%, 18%, 9%)
Oklch
oklch(91.7% 0.055 116.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5C3F42
3E5B58

Analogous

5B3E4F
5C3F42
5B4A3E

Triadic

5C3F42
415B3E
3E415B

Split-Comp.

5C3F42
3E5B4A
3E4F5B

Tetradic

5C3F42
4F5B3E
3E5B58
4A3E5B

Contrast Matrix WCAG 2.1 Contrast

5C3F42
2B6B81
CA9256
FDB232
E1E9C0
—
1.6
Fail
3.5
AA Large
5.2
AA
7.4
AAA
1.6
Fail
—
2.2
Fail
3.3
AA Large
4.7
AA
3.5
AA Large
2.2
Fail
—
1.5
Fail
2.1
Fail
5.2
AA
3.3
AA Large
1.5
Fail
—
1.4
Fail
7.4
AAA
4.7
AA
2.1
Fail
1.4
Fail
—
White BG
9.4AAA
6.0AA
2.7Fail
1.8Fail
1.3Fail
Black BG
2.2Fail
3.5AA Large
7.8AAA
11.6AAA
16.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4F4F41
47477C
B2B165
DDDC51
E4E5CA

Deuteranopia

515341
433E7A
B5B968
E1E758
E4E3CC

Tritanopia

5B4141
2E7777
C77073
F9696F
E1D2D3

Achromatopsia

484848
5A5A5A
9C9C9C
BABABA
E2E2E2

Shades & Tints Shades & Tints

#5C3F42

Dark
Light

#2B6B81

Dark
Light

#CA9256

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5c3f42;
  --color-2: #2b6b81;
  --color-3: #ca9256;
  --color-4: #fdb232;
  --color-5: #e1e9c0;
}

SCSS

$color-1: #5c3f42;
$color-2: #2b6b81;
$color-3: #ca9256;
$color-4: #fdb232;
$color-5: #e1e9c0;

TAILWIND

colors: {
  'brand-1': '#5c3f42',
  'brand-2': '#2b6b81',
  'brand-3': '#ca9256',
  'brand-4': '#fdb232',
  'brand-5': '#e1e9c0',
}

RGB Array

[92, 63, 66], [43, 107, 129], [202, 146, 86], [253, 178, 50], [225, 233, 192]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #5C3F42, #2B6B81, #CA9256, #FDB232, #E1E9C0 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: #5c3f42; --color-2: #2b6b81; --color-3: #ca9256; --color-4: #fdb232; --color-5: #e1e9c0. 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