#73AB90 + #8FC591 + #B4D793 + #D7E49F + #E6EDA9 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#73AB90

Mineral Blue · CadetBlue · Olive Green

HEX

#73AB90

RGB

rgb(115, 171, 144)

HSL

hsl(151, 25%, 56%)

HSB

hsb(151, 33%, 67%)

CMYK

cmyk(33%, 0%, 16%, 33%)

Oklch

oklch(69.4% 0.071 162.9)

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

#8FC591

Celadon · DarkSeaGreen · Apple Green

HEX

#8FC591

RGB

rgb(143, 197, 145)

HSL

hsl(122, 32%, 67%)

HSB

hsb(122, 27%, 77%)

CMYK

cmyk(27%, 0%, 26%, 23%)

Oklch

oklch(77.2% 0.092 145.5)

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

#B4D793

Celadon · LightGreen · Apple Green

HEX

#B4D793

RGB

rgb(180, 215, 147)

HSL

hsl(91, 46%, 71%)

HSB

hsb(91, 32%, 84%)

CMYK

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

Oklch

oklch(83.7% 0.098 130.4)

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

#D7E49F

Willow Green · Khaki · Apple Green

HEX

#D7E49F

RGB

rgb(215, 228, 159)

HSL

hsl(71, 56%, 76%)

HSB

hsb(71, 30%, 89%)

CMYK

cmyk(6%, 0%, 30%, 11%)

Oklch

oklch(89.3% 0.091 117.0)

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

#E6EDA9

Fresh Green · Wheat · Lemon Cream

HEX

#E6EDA9

RGB

rgb(230, 237, 169)

HSL

hsl(66, 65%, 80%)

HSB

hsb(66, 29%, 93%)

CMYK

cmyk(3%, 0%, 29%, 7%)

Oklch

oklch(92.5% 0.088 112.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

73AB90

AB738E

Analogous

73AB74

73AB90

73AAAB

Triadic

73AB90

9073AB

AB9073

Split-Comp.

73AB90

AB73AA

AB7473

Tetradic

73AB90

7473AB

AB738E

AAAB73

Contrast Matrix WCAG 2.1 Contrast

73AB90	8FC591	B4D793	D7E49F	E6EDA9
—	1.3 Fail	1.6 Fail	1.9 Fail	2.1 Fail
1.3 Fail	—	1.2 Fail	1.5 Fail	1.6 Fail
1.6 Fail	1.2 Fail	—	1.2 Fail	1.3 Fail
1.9 Fail	1.5 Fail	1.2 Fail	—	1.1 Fail
2.1 Fail	1.6 Fail	1.3 Fail	1.1 Fail	—

White BG

2.6Fail

2.0Fail

1.6Fail

1.4Fail

1.2Fail

Black BG

8.0AAA

10.6AAA

13.1AAA

15.5AAA

17.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8B8C97

A6A79E

C3C3A3

DDDDB0

E9E9B9

Deuteranopia

888498

A39FA1

C1BFA7

DCDBB4

E9E8BD

Tritanopia

769C9D

92A8AA

B6B0B3

D8BDC0

E6C6C9

Achromatopsia

979797

AFAFAF

C5C5C5

D8D8D8

E3E3E3

Shades & Tints Shades & Tints

#73AB90

Dark

Light

#8FC591

Dark

Light

#B4D793

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #73ab90;
  --color-2: #8fc591;
  --color-3: #b4d793;
  --color-4: #d7e49f;
  --color-5: #e6eda9;
}

SCSS

$color-1: #73ab90;
$color-2: #8fc591;
$color-3: #b4d793;
$color-4: #d7e49f;
$color-5: #e6eda9;

TAILWIND

colors: {
  'brand-1': '#73ab90',
  'brand-2': '#8fc591',
  'brand-3': '#b4d793',
  'brand-4': '#d7e49f',
  'brand-5': '#e6eda9',
}

RGB Array

[115, 171, 144], [143, 197, 145], [180, 215, 147], [215, 228, 159], [230, 237, 169]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #73AB90, #8FC591, #B4D793, #D7E49F, #E6EDA9 is ideal for: health products, baby brands, fresh-style blogs. 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: #73ab90; --color-2: #8fc591; --color-3: #b4d793; --color-4: #d7e49f; --color-5: #e6eda9. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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