#808B65 + #A2C455 + #CCBA5C + #C90D55 + #962655 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#808B65

Grass Green · Gray · Olive Green

HEX

#808B65

RGB

rgb(128, 139, 101)

HSL

hsl(77, 16%, 47%)

HSB

hsb(77, 27%, 55%)

CMYK

cmyk(8%, 0%, 27%, 45%)

Oklch

oklch(61.8% 0.056 121.2)

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

#A2C455

Grass Green · DarkSeaGreen · Olive Green

HEX

#A2C455

RGB

rgb(162, 196, 85)

HSL

hsl(78, 48%, 55%)

HSB

hsb(78, 57%, 77%)

CMYK

cmyk(17%, 0%, 57%, 23%)

Oklch

oklch(77.2% 0.144 124.0)

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

#CCBA5C

Autumn Sage · SandyBrown · Sunflower

HEX

#CCBA5C

RGB

rgb(204, 186, 92)

HSL

hsl(50, 52%, 58%)

HSB

hsb(50, 55%, 80%)

CMYK

cmyk(0%, 9%, 55%, 20%)

Oklch

oklch(78.5% 0.117 98.7)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#C90D55

Dark Violet · Crimson · Camellia

HEX

#C90D55

RGB

rgb(201, 13, 85)

HSL

hsl(337, 88%, 42%)

HSB

hsb(337, 94%, 79%)

CMYK

cmyk(0%, 94%, 58%, 21%)

Oklch

oklch(53.9% 0.211 8.7)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#962655

Dark Violet · Brown · Camellia

HEX

#962655

RGB

rgb(150, 38, 85)

HSL

hsl(335, 60%, 37%)

HSB

hsb(335, 75%, 59%)

CMYK

cmyk(0%, 75%, 43%, 41%)

Oklch

oklch(46.0% 0.152 359.7)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

808B65

70658B

Analogous

8B8365

808B65

6D8B65

Triadic

808B65

65808B

8B6580

Split-Comp.

808B65

656D8B

83658B

Tetradic

808B65

658B83

70658B

8B656D

Contrast Matrix WCAG 2.1 Contrast

808B65	A2C455	CCBA5C	C90D55	962655
—	1.8 Fail	1.9 Fail	1.6 Fail	2.1 Fail
1.8 Fail	—	1.0 Fail	2.9 Fail	3.9 AA Large
1.9 Fail	1.0 Fail	—	2.9 Fail	4.0 AA Large
1.6 Fail	2.9 Fail	2.9 Fail	—	1.4 Fail
2.1 Fail	3.9 AA Large	4.0 AA Large	1.4 Fail	—

White BG

3.6AA Large

2.0Fail

5.7AA

7.8AAA

Black BG

5.8AA

10.6AAA

10.7AAA

3.7AA Large

2.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

85856E

B1B170

C4C473

787644

66644A

Deuteranopia

848370

AFAC76

C5C778

83913F

6C7447

Tritanopia

817577

A4858A

CB8589

C03633

90413F

Achromatopsia

838383

ADADAD

B5B5B5

4D4D4D

Shades & Tints Shades & Tints

#808B65

Dark

Light

#A2C455

Dark

Light

#CCBA5C

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #808b65;
  --color-2: #a2c455;
  --color-3: #ccba5c;
  --color-4: #c90d55;
  --color-5: #962655;
}

SCSS

$color-1: #808b65;
$color-2: #a2c455;
$color-3: #ccba5c;
$color-4: #c90d55;
$color-5: #962655;

TAILWIND

colors: {
  'brand-1': '#808b65',
  'brand-2': '#a2c455',
  'brand-3': '#ccba5c',
  'brand-4': '#c90d55',
  'brand-5': '#962655',
}

RGB Array

[128, 139, 101], [162, 196, 85], [204, 186, 92], [201, 13, 85], [150, 38, 85]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #808B65, #A2C455, #CCBA5C, #C90D55, #962655 is ideal for: corporate websites, product showcases, portfolios. 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: #808b65; --color-2: #a2c455; --color-3: #ccba5c; --color-4: #c90d55; --color-5: #962655. 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. 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