← Back to Editor

#2E6A53 · #182728 · #A32F22 · #D29E6E · #D37A4C

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

#2E6A53

Mineral Blue · DarkSlateGray · Forest Green

HEX
#2E6A53
RGB
rgb(46, 106, 83)
HSL
hsl(157, 39%, 30%)
HSB
hsb(157, 57%, 42%)
CMYK
cmyk(57%, 0%, 22%, 58%)
Oklch
oklch(47.7% 0.073 165.7)

Traditional「Mineral Blue」· Paint「Forest Green」· Creative Blush Sunrise

#182728

Slate Blue · DarkSlateGray · Peacock Green

HEX
#182728
RGB
rgb(24, 39, 40)
HSL
hsl(184, 25%, 13%)
HSB
hsb(184, 40%, 16%)
CMYK
cmyk(40%, 2%, 0%, 84%)
Oklch
oklch(26.0% 0.020 201.2)

Traditional「Slate Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#A32F22

Vermilion · Brown · Wine Red

HEX
#A32F22
RGB
rgb(163, 47, 34)
HSL
hsl(6, 65%, 39%)
HSB
hsb(6, 79%, 64%)
CMYK
cmyk(0%, 71%, 79%, 36%)
Oklch
oklch(48.1% 0.154 30.0)

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

#D29E6E

Apricot · DarkSalmon · Warm Sun

HEX
#D29E6E
RGB
rgb(210, 158, 110)
HSL
hsl(29, 53%, 63%)
HSB
hsb(29, 48%, 82%)
CMYK
cmyk(0%, 25%, 48%, 18%)
Oklch
oklch(73.7% 0.089 63.5)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#D37A4C

Tangerine · Coral · Warm Sun

HEX
#D37A4C
RGB
rgb(211, 122, 76)
HSL
hsl(20, 61%, 56%)
HSB
hsb(20, 64%, 83%)
CMYK
cmyk(0%, 42%, 64%, 17%)
Oklch
oklch(66.8% 0.127 47.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2E6A53
6A2F46

Analogous

2F6A36
2E6A53
2F636A

Triadic

2E6A53
532F6A
6A532F

Split-Comp.

2E6A53
6A2F63
6A362F

Tetradic

2E6A53
362F6A
6A2F46
636A2F

Contrast Matrix WCAG 2.1 Contrast

2E6A53
182728
A32F22
D29E6E
D37A4C
—
2.4
Fail
1.1
Fail
2.7
Fail
2.0
Fail
2.4
Fail
—
2.2
Fail
6.5
AA
4.9
AA
1.1
Fail
2.2
Fail
—
3.0
Fail
2.2
Fail
2.7
Fail
6.5
AA
3.0
Fail
—
1.3
Fail
2.0
Fail
4.9
AA
2.2
Fail
1.3
Fail
—
White BG
6.4AA
15.4AAA
7.0AAA
2.4Fail
3.2AA Large
Black BG
3.3AA Large
1.4Fail
3.0Fail
8.9AAA
6.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

484959
1E1F28
717025
BBBB7A
ACAC57

Deuteranopia

45405A
1E1C28
788026
BFC27C
B2B85A

Tritanopia

315D5E
192828
9D2828
CF8385
CF6062

Achromatopsia

555555
232323
505050
A8A8A8
8F8F8F

Shades & Tints Shades & Tints

#2E6A53

Dark
Light

#182728

Dark
Light

#A32F22

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2e6a53;
  --color-2: #182728;
  --color-3: #a32f22;
  --color-4: #d29e6e;
  --color-5: #d37a4c;
}

SCSS

$color-1: #2e6a53;
$color-2: #182728;
$color-3: #a32f22;
$color-4: #d29e6e;
$color-5: #d37a4c;

TAILWIND

colors: {
  'brand-1': '#2e6a53',
  'brand-2': '#182728',
  'brand-3': '#a32f22',
  'brand-4': '#d29e6e',
  'brand-5': '#d37a4c',
}

RGB Array

[46, 106, 83], [24, 39, 40], [163, 47, 34], [210, 158, 110], [211, 122, 76]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #2E6A53, #182728, #A32F22, #D29E6E, #D37A4C 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: #2e6a53; --color-2: #182728; --color-3: #a32f22; --color-4: #d29e6e; --color-5: #d37a4c. 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