#726D91 + #6C9296 + #8BB389 + #D1D47F + #F0EAD1 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#726D91

Deep Indigo · SlateGray · Navy Blue

HEX

#726D91

RGB

rgb(114, 109, 145)

HSL

hsl(248, 14%, 50%)

HSB

hsb(248, 25%, 57%)

CMYK

cmyk(21%, 25%, 0%, 43%)

Oklch

oklch(55.3% 0.056 290.8)

Traditional「Deep Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

#6C9296

Slate Blue · LightSlateGray · Lake Green

HEX

#6C9296

RGB

rgb(108, 146, 150)

HSL

hsl(186, 17%, 51%)

HSB

hsb(186, 28%, 59%)

CMYK

cmyk(28%, 3%, 0%, 41%)

Oklch

oklch(63.3% 0.042 204.2)

Traditional「Slate Blue」· Paint「Lake Green」· Creative Blush Sunrise

#8BB389

Celadon · DarkSeaGreen · Apple Green

HEX

#8BB389

RGB

rgb(139, 179, 137)

HSL

hsl(117, 22%, 62%)

HSB

hsb(117, 23%, 70%)

CMYK

cmyk(22%, 0%, 23%, 30%)

Oklch

oklch(72.6% 0.074 143.6)

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

#D1D47F

Fresh Green · BurlyWood · Sunflower

HEX

#D1D47F

RGB

rgb(209, 212, 127)

HSL

hsl(62, 50%, 66%)

HSB

hsb(62, 40%, 83%)

CMYK

cmyk(1%, 0%, 40%, 17%)

Oklch

oklch(84.9% 0.108 110.2)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#F0EAD1

Goose Yellow · Beige · Lemon Cream

HEX

#F0EAD1

RGB

rgb(240, 234, 209)

HSL

hsl(48, 51%, 88%)

HSB

hsb(48, 13%, 94%)

CMYK

cmyk(0%, 3%, 13%, 6%)

Oklch

oklch(93.5% 0.034 95.9)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

726D91

8D916E

Analogous

6E7B91

726D91

846E91

Triadic

726D91

91726E

6E9172

Split-Comp.

726D91

91846E

7B916E

Tetradic

726D91

916E7B

8D916E

6E9184

Contrast Matrix WCAG 2.1 Contrast

726D91	6C9296	8BB389	D1D47F	F0EAD1
—	1.4 Fail	2.1 Fail	3.1 AA Large	4.0 AA Large
1.4 Fail	—	1.4 Fail	2.2 Fail	2.8 Fail
2.1 Fail	1.4 Fail	—	1.5 Fail	2.0 Fail
3.1 AA Large	2.2 Fail	1.5 Fail	—	1.3 Fail
4.0 AA Large	2.8 Fail	2.0 Fail	1.3 Fail	—

White BG

4.9AA

3.4AA Large

2.4Fail

1.6Fail

1.2Fail

Black BG

4.3AA Large

6.2AA

8.9AAA

13.4AAA

17.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

707088

7C7D95

9C9D93

D2D294

EDEDD7

Deuteranopia

707186

7A7795

9A9796

D2D299

EEEED9

Tritanopia

728180

6E9494

8D9B9D

D1A4A7

F0DCDD

Achromatopsia

737373

878787

A2A2A2

C9C9C9

E9E9E9

Shades & Tints Shades & Tints

#726D91

Dark

Light

#6C9296

Dark

Light

#8BB389

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #726d91;
  --color-2: #6c9296;
  --color-3: #8bb389;
  --color-4: #d1d47f;
  --color-5: #f0ead1;
}

SCSS

$color-1: #726d91;
$color-2: #6c9296;
$color-3: #8bb389;
$color-4: #d1d47f;
$color-5: #f0ead1;

TAILWIND

colors: {
  'brand-1': '#726d91',
  'brand-2': '#6c9296',
  'brand-3': '#8bb389',
  'brand-4': '#d1d47f',
  'brand-5': '#f0ead1',
}

RGB Array

[114, 109, 145], [108, 146, 150], [139, 179, 137], [209, 212, 127], [240, 234, 209]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #726D91, #6C9296, #8BB389, #D1D47F, #F0EAD1 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: #726d91; --color-2: #6c9296; --color-3: #8bb389; --color-4: #d1d47f; --color-5: #f0ead1. 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