#93AE79 + #DEEF31 + #444219 + #759884 + #ABA125 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#93AE79

Celadon · DarkSeaGreen · Olive Green

HEX

#93AE79

RGB

rgb(147, 174, 121)

HSL

hsl(91, 25%, 58%)

HSB

hsb(91, 30%, 68%)

CMYK

cmyk(16%, 0%, 30%, 32%)

Oklch

oklch(71.7% 0.080 130.1)

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

#DEEF31

Autumn Sage · GreenYellow · Sunflower

HEX

#DEEF31

RGB

rgb(222, 239, 49)

HSL

hsl(65, 86%, 56%)

HSB

hsb(65, 79%, 94%)

CMYK

cmyk(7%, 0%, 79%, 6%)

Oklch

oklch(90.9% 0.195 115.0)

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

#444219

Autumn Sage · DarkOliveGreen · Amber Gold

HEX

#444219

RGB

rgb(68, 66, 25)

HSL

hsl(57, 46%, 18%)

HSB

hsb(57, 63%, 27%)

CMYK

cmyk(0%, 3%, 63%, 73%)

Oklch

oklch(37.1% 0.060 106.4)

Traditional「Autumn Sage」· Paint「Amber Gold」· Creative Blush Sunrise

#759884

Celadon · LightSlateGray · Olive Green

HEX

#759884

RGB

rgb(117, 152, 132)

HSL

hsl(146, 15%, 53%)

HSB

hsb(146, 23%, 60%)

CMYK

cmyk(23%, 0%, 13%, 40%)

Oklch

oklch(64.7% 0.049 159.6)

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

#ABA125

Autumn Sage · DarkGoldenRod · Honey Gold

HEX

#ABA125

RGB

rgb(171, 161, 37)

HSL

hsl(56, 64%, 41%)

HSB

hsb(56, 78%, 67%)

CMYK

cmyk(0%, 6%, 78%, 33%)

Oklch

oklch(69.6% 0.136 104.6)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

93AE79

9579AF

Analogous

AEAF79

93AE79

79AF7A

Triadic

93AE79

7993AF

AF7993

Split-Comp.

93AE79

7A79AF

AF79AE

Tetradic

93AE79

79AEAF

9579AF

AF7A79

Contrast Matrix WCAG 2.1 Contrast

93AE79	DEEF31	444219	759884	ABA125
—	1.9 Fail	4.2 AA Large	1.3 Fail	1.1 Fail
1.9 Fail	—	8.1 AAA	2.5 Fail	2.1 Fail
4.2 AA Large	8.1 AAA	—	3.2 AA Large	3.9 AA Large
1.3 Fail	2.5 Fail	3.2 AA Large	—	1.2 Fail
1.1 Fail	2.1 Fail	3.9 AA Large	1.2 Fail	—

White BG

2.5Fail

1.3Fail

10.3AAA

3.2AA Large

2.7Fail

Black BG

8.6AAA

16.5AAA

2.0Fail

6.6AA

7.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9F9F86

E5E65F

434323

848489

A7A743

Deuteranopia

9D9B89

E4E36A

434325

82808A

A7A84A

Tritanopia

949092

DF838B

442B2C

778D8E

AB5B60

Achromatopsia

A0A0A0

D4D4D4

3E3E3E

8B8B8B

969696

Shades & Tints Shades & Tints

#93AE79

Dark

Light

#DEEF31

Dark

Light

#444219

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #93ae79;
  --color-2: #deef31;
  --color-3: #444219;
  --color-4: #759884;
  --color-5: #aba125;
}

SCSS

$color-1: #93ae79;
$color-2: #deef31;
$color-3: #444219;
$color-4: #759884;
$color-5: #aba125;

TAILWIND

colors: {
  'brand-1': '#93ae79',
  'brand-2': '#deef31',
  'brand-3': '#444219',
  'brand-4': '#759884',
  'brand-5': '#aba125',
}

RGB Array

[147, 174, 121], [222, 239, 49], [68, 66, 25], [117, 152, 132], [171, 161, 37]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #93AE79, #DEEF31, #444219, #759884, #ABA125 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: #93ae79; --color-2: #deef31; --color-3: #444219; --color-4: #759884; --color-5: #aba125. 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