#93AD6D + #9EAF6C + #A8B06B + #B3213F + #BDB369 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#93AD6D

Grass Green · DarkSeaGreen · Olive Green

HEX

#93AD6D

RGB

rgb(147, 173, 109)

HSL

hsl(84, 28%, 55%)

HSB

hsb(84, 37%, 68%)

CMYK

cmyk(15%, 0%, 37%, 32%)

Oklch

oklch(71.2% 0.092 126.6)

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

#9EAF6C

Grass Green · DarkSeaGreen · Olive Green

HEX

#9EAF6C

RGB

rgb(158, 175, 108)

HSL

hsl(75, 30%, 55%)

HSB

hsb(75, 38%, 69%)

CMYK

cmyk(10%, 0%, 38%, 31%)

Oklch

oklch(72.5% 0.092 120.4)

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

#A8B06B

Autumn Sage · DarkSeaGreen · Sunflower

HEX

#A8B06B

RGB

rgb(168, 176, 107)

HSL

hsl(67, 30%, 55%)

HSB

hsb(67, 39%, 69%)

CMYK

cmyk(5%, 0%, 39%, 31%)

Oklch

oklch(73.5% 0.092 114.1)

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

#B3213F

Vermilion · Brown · Passion Red

HEX

#B3213F

RGB

rgb(179, 33, 63)

HSL

hsl(348, 69%, 42%)

HSB

hsb(348, 82%, 70%)

CMYK

cmyk(0%, 82%, 65%, 30%)

Oklch

oklch(50.2% 0.180 16.1)

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

#BDB369

Autumn Sage · Tan · Sunflower

HEX

#BDB369

RGB

rgb(189, 179, 105)

HSL

hsl(53, 39%, 58%)

HSB

hsb(53, 44%, 74%)

CMYK

cmyk(0%, 5%, 44%, 26%)

Oklch

oklch(75.9% 0.096 101.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

93AD6D

866CAC

Analogous

ACA66C

93AD6D

73AC6C

Triadic

93AD6D

6C93AC

AC6C93

Split-Comp.

93AD6D

6C73AC

A66CAC

Tetradic

93AD6D

6CACA6

866CAC

AC6C73

Contrast Matrix WCAG 2.1 Contrast

93AD6D	9EAF6C	A8B06B	B3213F	BDB369
—	1.0 Fail	1.1 Fail	2.6 Fail	1.2 Fail
1.0 Fail	—	1.0 Fail	2.7 Fail	1.1 Fail
1.1 Fail	1.0 Fail	—	2.8 Fail	1.1 Fail
2.6 Fail	2.7 Fail	2.8 Fail	—	3.1 AA Large
1.2 Fail	1.1 Fail	1.1 Fail	3.1 AA Large	—

White BG

2.5Fail

2.4Fail

2.3Fail

6.6AA

2.1Fail

Black BG

8.4AAA

8.8AAA

9.1AAA

3.2AA Large

9.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9E9E7C

A5A67C

ABAC7C

747238

B9B97B

Deuteranopia

9D9B80

A4A380

ABAA80

7C8736

B9BA7F

Tritanopia

94898B

9F898C

A8898C

AC3231

BC898C

Achromatopsia

9E9E9E

A2A2A2

A6A6A6

505050

AEAEAE

Shades & Tints Shades & Tints

#93AD6D

Dark

Light

#9EAF6C

Dark

Light

#A8B06B

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #93ad6d;
  --color-2: #9eaf6c;
  --color-3: #a8b06b;
  --color-4: #b3213f;
  --color-5: #bdb369;
}

SCSS

$color-1: #93ad6d;
$color-2: #9eaf6c;
$color-3: #a8b06b;
$color-4: #b3213f;
$color-5: #bdb369;

TAILWIND

colors: {
  'brand-1': '#93ad6d',
  'brand-2': '#9eaf6c',
  'brand-3': '#a8b06b',
  'brand-4': '#b3213f',
  'brand-5': '#bdb369',
}

RGB Array

[147, 173, 109], [158, 175, 108], [168, 176, 107], [179, 33, 63], [189, 179, 105]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #93AD6D, #9EAF6C, #A8B06B, #B3213F, #BDB369 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: #93ad6d; --color-2: #9eaf6c; --color-3: #a8b06b; --color-4: #b3213f; --color-5: #bdb369. 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