#827265 + #63AD8A + #83D35E + #BDE05D + #DEF59E - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#827265

Tangerine · DimGray · Amber Brown

HEX

#827265

RGB

rgb(130, 114, 101)

HSL

hsl(27, 13%, 45%)

HSB

hsb(27, 22%, 51%)

CMYK

cmyk(0%, 12%, 22%, 49%)

Oklch

oklch(56.3% 0.028 61.3)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#63AD8A

Mineral Blue · CadetBlue · Olive Green

HEX

#63AD8A

RGB

rgb(99, 173, 138)

HSL

hsl(152, 31%, 53%)

HSB

hsb(152, 43%, 68%)

CMYK

cmyk(43%, 0%, 20%, 32%)

Oklch

oklch(68.9% 0.091 162.2)

Traditional「Mineral Blue」· Paint「Olive Green」· Creative Blush Sunrise

#83D35E

Emerald · DarkSeaGreen · Olive Green

HEX

#83D35E

RGB

rgb(131, 211, 94)

HSL

hsl(101, 57%, 60%)

HSB

hsb(101, 55%, 83%)

CMYK

cmyk(38%, 0%, 55%, 17%)

Oklch

oklch(79.0% 0.172 136.9)

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

#BDE05D

Willow Green · GreenYellow · Apple Green

HEX

#BDE05D

RGB

rgb(189, 224, 93)

HSL

hsl(76, 68%, 62%)

HSB

hsb(76, 58%, 88%)

CMYK

cmyk(16%, 0%, 58%, 12%)

Oklch

oklch(85.5% 0.162 122.5)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#DEF59E

Willow Green · Khaki · Apple Green

HEX

#DEF59E

RGB

rgb(222, 245, 158)

HSL

hsl(76, 81%, 79%)

HSB

hsb(76, 36%, 96%)

CMYK

cmyk(9%, 0%, 36%, 4%)

Oklch

oklch(93.3% 0.113 120.7)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

827265

647482

Analogous

826465

827265

828064

Triadic

827265

648271

716482

Split-Comp.

827265

648280

646582

Tetradic

827265

658264

647482

806482

Contrast Matrix WCAG 2.1 Contrast

827265	63AD8A	83D35E	BDE05D	DEF59E
—	1.7 Fail	2.5 Fail	3.1 AA Large	3.9 AA Large
1.7 Fail	—	1.5 Fail	1.8 Fail	2.2 Fail
2.5 Fail	1.5 Fail	—	1.2 Fail	1.5 Fail
3.1 AA Large	1.8 Fail	1.2 Fail	—	1.3 Fail
3.9 AA Large	2.2 Fail	1.5 Fail	1.3 Fail	—

White BG

4.6AA

2.7Fail

1.8Fail

1.5Fail

1.2Fail

Black BG

4.5AA

7.9AAA

11.4AAA

14.0AAA

17.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7B7B68

838492

A6A67A

CCCC7D

E8E8B3

Deuteranopia

7C7D69

7F7995

A19B81

CAC884

E7E5B8

Tritanopia

816B6B

67999B

879196

BF969B

DFC4C7

Achromatopsia

757575

939393

AEAEAE

C7C7C7

E4E4E4

Shades & Tints Shades & Tints

#827265

Dark

Light

#63AD8A

Dark

Light

#83D35E

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #827265;
  --color-2: #63ad8a;
  --color-3: #83d35e;
  --color-4: #bde05d;
  --color-5: #def59e;
}

SCSS

$color-1: #827265;
$color-2: #63ad8a;
$color-3: #83d35e;
$color-4: #bde05d;
$color-5: #def59e;

TAILWIND

colors: {
  'brand-1': '#827265',
  'brand-2': '#63ad8a',
  'brand-3': '#83d35e',
  'brand-4': '#bde05d',
  'brand-5': '#def59e',
}

RGB Array

[130, 114, 101], [99, 173, 138], [131, 211, 94], [189, 224, 93], [222, 245, 158]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #827265, #63AD8A, #83D35E, #BDE05D, #DEF59E 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: #827265; --color-2: #63ad8a; --color-3: #83d35e; --color-4: #bde05d; --color-5: #def59e. 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