#728C9A + #90A595 + #AEBF90 + #CCD88D + #EAF188 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#728C9A

Slate Blue · LightSlateGray · Navy Blue

HEX

#728C9A

RGB

rgb(114, 140, 154)

HSL

hsl(201, 17%, 53%)

HSB

hsb(201, 26%, 60%)

CMYK

cmyk(26%, 9%, 0%, 40%)

Oklch

oklch(62.5% 0.036 231.6)

Traditional「Slate Blue」· Paint「Navy Blue」· Creative Blush Sunrise

#90A595

Celadon · DarkSeaGreen · Apple Green

HEX

#90A595

RGB

rgb(144, 165, 149)

HSL

hsl(134, 10%, 61%)

HSB

hsb(134, 13%, 65%)

CMYK

cmyk(13%, 0%, 10%, 35%)

Oklch

oklch(70.1% 0.033 152.6)

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

#AEBF90

Willow Green · DarkSeaGreen · Apple Green

HEX

#AEBF90

RGB

rgb(174, 191, 144)

HSL

hsl(82, 27%, 66%)

HSB

hsb(82, 25%, 75%)

CMYK

cmyk(9%, 0%, 25%, 25%)

Oklch

oklch(77.9% 0.067 124.1)

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

#CCD88D

Willow Green · Tan · Apple Green

HEX

#CCD88D

RGB

rgb(204, 216, 141)

HSL

hsl(70, 49%, 70%)

HSB

hsb(70, 35%, 85%)

CMYK

cmyk(6%, 0%, 35%, 15%)

Oklch

oklch(85.6% 0.098 115.9)

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

#EAF188

Fresh Green · Khaki · Sunflower

HEX

#EAF188

RGB

rgb(234, 241, 136)

HSL

hsl(64, 79%, 74%)

HSB

hsb(64, 44%, 95%)

CMYK

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

Oklch

oklch(93.1% 0.129 112.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

728C9A

9C8173

Analogous

739C95

728C9A

73799C

Triadic

728C9A

9C738D

8D9C73

Split-Comp.

728C9A

9C7379

9C9573

Tetradic

728C9A

95739C

9C8173

799C73

Contrast Matrix WCAG 2.1 Contrast

728C9A	90A595	AEBF90	CCD88D	EAF188
—	1.3 Fail	1.8 Fail	2.3 Fail	2.9 Fail
1.3 Fail	—	1.3 Fail	1.7 Fail	2.2 Fail
1.8 Fail	1.3 Fail	—	1.3 Fail	1.6 Fail
2.3 Fail	1.7 Fail	1.3 Fail	—	1.3 Fail
2.9 Fail	2.2 Fail	1.6 Fail	1.3 Fail	—

White BG

3.5AA Large

2.6Fail

2.0Fail

1.5Fail

1.2Fail

Black BG

5.9AA

8.0AAA

10.7AAA

13.8AAA

17.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7D7D97

999999

B5B69B

D1D19F

EDEDA1

Deuteranopia

7C7A96

98969A

B4B39E

D1D0A4

EDECA8

Tritanopia

739493

919C9D

AFA4A6

CDADB1

EAB5BA

Achromatopsia

868686

9D9D9D

B5B5B5

CCCCCC

E3E3E3

Shades & Tints Shades & Tints

#728C9A

Dark

Light

#90A595

Dark

Light

#AEBF90

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #728c9a;
  --color-2: #90a595;
  --color-3: #aebf90;
  --color-4: #ccd88d;
  --color-5: #eaf188;
}

SCSS

$color-1: #728c9a;
$color-2: #90a595;
$color-3: #aebf90;
$color-4: #ccd88d;
$color-5: #eaf188;

TAILWIND

colors: {
  'brand-1': '#728c9a',
  'brand-2': '#90a595',
  'brand-3': '#aebf90',
  'brand-4': '#ccd88d',
  'brand-5': '#eaf188',
}

RGB Array

[114, 140, 154], [144, 165, 149], [174, 191, 144], [204, 216, 141], [234, 241, 136]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #728C9A, #90A595, #AEBF90, #CCD88D, #EAF188 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: #728c9a; --color-2: #90a595; --color-3: #aebf90; --color-4: #ccd88d; --color-5: #eaf188. 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