← Back to Editor

#9EA291 · #7F8373 · #817171 · #795353 · #743434

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 Library

Color Details Color Details

#9EA291

Grass Green · DarkGray · Silver Sand

HEX
#9EA291
RGB
rgb(158, 162, 145)
HSL
hsl(74, 8%, 60%)
HSB
hsb(74, 10%, 64%)
CMYK
cmyk(2%, 0%, 10%, 36%)
Oklch
oklch(70.4% 0.025 117.8)

Traditional「Grass Green」· Paint「Silver Sand」· Creative Urban Concrete

#7F8373

Ink Gray · Gray · Warm Gray

HEX
#7F8373
RGB
rgb(127, 131, 115)
HSL
hsl(75, 7%, 48%)
HSB
hsb(75, 12%, 51%)
CMYK
cmyk(3%, 0%, 12%, 49%)
Oklch
oklch(60.2% 0.024 118.5)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

#817171

Ink Gray · Gray · Warm Gray

HEX
#817171
RGB
rgb(129, 113, 113)
HSL
hsl(0, 7%, 47%)
HSB
hsb(0, 12%, 51%)
CMYK
cmyk(0%, 12%, 12%, 49%)
Oklch
oklch(56.4% 0.020 17.8)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

#795353

Crimson · DimGray · Wine Red

HEX
#795353
RGB
rgb(121, 83, 83)
HSL
hsl(0, 19%, 40%)
HSB
hsb(0, 31%, 47%)
CMYK
cmyk(0%, 31%, 31%, 53%)
Oklch
oklch(48.3% 0.051 19.1)

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

#743434

Crimson · Brown · Wine Red

HEX
#743434
RGB
rgb(116, 52, 52)
HSL
hsl(0, 38%, 33%)
HSB
hsb(0, 55%, 45%)
CMYK
cmyk(0%, 55%, 55%, 55%)
Oklch
oklch(41.1% 0.091 21.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9EA291
9591A1

Analogous

A19D91
9EA291
95A191

Triadic

9EA291
919DA1
A1919D

Split-Comp.

9EA291
9195A1
9D91A1

Tetradic

9EA291
91A19D
9591A1
A19195

Contrast Matrix WCAG 2.1 Contrast

9EA291
7F8373
817171
795353
743434
—
1.5
Fail
1.8
Fail
2.5
Fail
3.5
AA Large
1.5
Fail
—
1.2
Fail
1.7
Fail
2.4
Fail
1.8
Fail
1.2
Fail
—
1.4
Fail
2.0
Fail
2.5
Fail
1.7
Fail
1.4
Fail
—
1.4
Fail
3.5
AA Large
2.4
Fail
2.0
Fail
1.4
Fail
—
White BG
2.6Fail
3.9AA Large
4.6AA
6.6AA
9.2AAA
Black BG
8.0AAA
5.4AA
4.5AA
3.2AA Large
2.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A0A095
818177
7A7A71
696853
585834

Deuteranopia

A09F96
818078
7B7C71
6B6E53
5C6134

Tritanopia

9E9899
7F7A7B
807171
775353
713434

Achromatopsia

9F9F9F
808080
767676
5E5E5E
474747

Shades & Tints Shades & Tints

#9EA291

Dark
Light

#7F8373

Dark
Light

#817171

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9ea291;
  --color-2: #7f8373;
  --color-3: #817171;
  --color-4: #795353;
  --color-5: #743434;
}

SCSS

$color-1: #9ea291;
$color-2: #7f8373;
$color-3: #817171;
$color-4: #795353;
$color-5: #743434;

TAILWIND

colors: {
  'brand-1': '#9ea291',
  'brand-2': '#7f8373',
  'brand-3': '#817171',
  'brand-4': '#795353',
  'brand-5': '#743434',
}

RGB Array

[158, 162, 145], [127, 131, 115], [129, 113, 113], [121, 83, 83], [116, 52, 52]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #9EA291, #7F8373, #817171, #795353, #743434 is ideal for: brand design, premium product pages, magazine layouts. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #9ea291; --color-2: #7f8373; --color-3: #817171; --color-4: #795353; --color-5: #743434. 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. 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. Restrained colors convey professionalism and trust. 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