← Back to Editor

#9EAC88 · #493628 · #36221B · #591D25 · #CB5935

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

#9EAC88

Grass Green · DarkSeaGreen · Olive Green

HEX
#9EAC88
RGB
rgb(158, 172, 136)
HSL
hsl(83, 18%, 60%)
HSB
hsb(83, 21%, 67%)
CMYK
cmyk(8%, 0%, 21%, 33%)
Oklch
oklch(72.4% 0.053 125.0)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#493628

Tangerine · DarkSlateGray · Cinnamon

HEX
#493628
RGB
rgb(73, 54, 40)
HSL
hsl(25, 29%, 22%)
HSB
hsb(25, 45%, 29%)
CMYK
cmyk(0%, 26%, 45%, 71%)
Oklch
oklch(35.0% 0.036 57.6)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#36221B

Tangerine · DarkSlateGray · Cinnamon

HEX
#36221B
RGB
rgb(54, 34, 27)
HSL
hsl(16, 33%, 16%)
HSB
hsb(16, 50%, 21%)
CMYK
cmyk(0%, 37%, 50%, 79%)
Oklch
oklch(27.5% 0.034 40.1)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#591D25

Crimson · Maroon · Wine Red

HEX
#591D25
RGB
rgb(89, 29, 37)
HSL
hsl(352, 51%, 23%)
HSB
hsb(352, 67%, 35%)
CMYK
cmyk(0%, 67%, 58%, 65%)
Oklch
oklch(32.6% 0.088 15.5)

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

#CB5935

Crimson · Chocolate · Passion Red

HEX
#CB5935
RGB
rgb(203, 89, 53)
HSL
hsl(14, 59%, 50%)
HSB
hsb(14, 74%, 80%)
CMYK
cmyk(0%, 56%, 74%, 20%)
Oklch
oklch(60.2% 0.154 37.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9EAC88
9587AB

Analogous

ABA787
9EAC88
8BAB87

Triadic

9EAC88
879DAB
AB879D

Split-Comp.

9EAC88
878BAB
A787AB

Tetradic

9EAC88
87ABA7
9587AB
AB878B

Contrast Matrix WCAG 2.1 Contrast

9EAC88
493628
36221B
591D25
CB5935
—
4.7
AA
6.2
AA
5.4
AA
1.7
Fail
4.7
AA
—
1.3
Fail
1.1
Fail
2.7
Fail
6.2
AA
1.3
Fail
—
1.2
Fail
3.6
AA Large
5.4
AA
1.1
Fail
1.2
Fail
—
3.1
AA Large
1.7
Fail
2.7
Fail
3.6
AA Large
3.1
AA Large
—
White BG
2.4Fail
11.4AAA
15.0AAA
12.9AAA
4.2AA Large
Black BG
8.7AAA
1.8Fail
1.4Fail
1.6Fail
5.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A4A491
41412B
2D2D1D
3F3E23
9A993E

Deuteranopia

A3A293
42432C
2F301D
434723
A0A940

Tritanopia

9F9899
482E2F
351E1E
562221
C54546

Achromatopsia

A4A4A4
3A3A3A
272727
303030
777777

Shades & Tints Shades & Tints

#9EAC88

Dark
Light

#493628

Dark
Light

#36221B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9eac88;
  --color-2: #493628;
  --color-3: #36221b;
  --color-4: #591d25;
  --color-5: #cb5935;
}

SCSS

$color-1: #9eac88;
$color-2: #493628;
$color-3: #36221b;
$color-4: #591d25;
$color-5: #cb5935;

TAILWIND

colors: {
  'brand-1': '#9eac88',
  'brand-2': '#493628',
  'brand-3': '#36221b',
  'brand-4': '#591d25',
  'brand-5': '#cb5935',
}

RGB Array

[158, 172, 136], [73, 54, 40], [54, 34, 27], [89, 29, 37], [203, 89, 53]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #9EAC88, #493628, #36221B, #591D25, #CB5935 is ideal for: tech websites, dark mode UIs, game UIs, 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: #9eac88; --color-2: #493628; --color-3: #36221b; --color-4: #591d25; --color-5: #cb5935. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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