#EEFF6B + #A9F05D + #73BF9B + #598F96 + #52617C - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#EEFF6B

Fresh Green · Khaki · Sunflower

HEX

#EEFF6B

RGB

rgb(238, 255, 107)

HSL

hsl(67, 100%, 71%)

HSB

hsb(67, 58%, 100%)

CMYK

cmyk(7%, 0%, 58%, 0%)

Oklch

oklch(96.0% 0.171 115.2)

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

#A9F05D

Willow Green · GreenYellow · Apple Green

HEX

#A9F05D

RGB

rgb(169, 240, 93)

HSL

hsl(89, 83%, 65%)

HSB

hsb(89, 61%, 94%)

CMYK

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

Oklch

oklch(87.9% 0.191 131.2)

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

#73BF9B

Mineral Blue · MediumAquaMarine · Olive Green

HEX

#73BF9B

RGB

rgb(115, 191, 155)

HSL

hsl(152, 37%, 60%)

HSB

hsb(152, 40%, 75%)

CMYK

cmyk(40%, 0%, 19%, 25%)

Oklch

oklch(74.5% 0.093 162.5)

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

#598F96

Slate Blue · CadetBlue · Mint Ice

HEX

#598F96

RGB

rgb(89, 143, 150)

HSL

hsl(187, 26%, 47%)

HSB

hsb(187, 41%, 59%)

CMYK

cmyk(41%, 5%, 0%, 41%)

Oklch

oklch(61.5% 0.058 206.2)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#52617C

Indigo · DimGray · Prussian Blue

HEX

#52617C

RGB

rgb(82, 97, 124)

HSL

hsl(219, 20%, 40%)

HSB

hsb(219, 34%, 49%)

CMYK

cmyk(34%, 22%, 0%, 51%)

Oklch

oklch(49.1% 0.047 262.0)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EEFF6B

7C6BFF

Analogous

FFC66B

EEFF6B

A4FF6B

Triadic

EEFF6B

6BEEFF

FF6BEE

Split-Comp.

EEFF6B

6BA4FF

C66BFF

Tetradic

EEFF6B

6BFFC6

7C6BFF

FF6BA4

Contrast Matrix WCAG 2.1 Contrast

EEFF6B	A9F05D	73BF9B	598F96	52617C
—	1.3 Fail	2.0 Fail	3.3 AA Large	5.7 AA
1.3 Fail	—	1.6 Fail	2.6 Fail	4.6 AA
2.0 Fail	1.6 Fail	—	1.7 Fail	2.9 Fail
3.3 AA Large	2.6 Fail	1.7 Fail	—	1.7 Fail
5.7 AA	4.6 AA	2.9 Fail	1.7 Fail	—

White BG

1.1Fail

1.4Fail

2.2Fail

3.6AA Large

6.3AA

Black BG

19.2AAA

15.3AAA

9.7AAA

5.8AA

3.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

F5F68F

C8C881

9495A4

707194

585975

Deuteranopia

F4F397

C4BE89

908AA6

6D6994

585774

Tritanopia

EFABB1

AD9DA3

77ABAC

5C9393

53706F

Achromatopsia

E9E9E9

CACACA

A4A4A4

808080

606060

Shades & Tints Shades & Tints

#EEFF6B

Dark

Light

#A9F05D

Dark

Light

#73BF9B

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eeff6b;
  --color-2: #a9f05d;
  --color-3: #73bf9b;
  --color-4: #598f96;
  --color-5: #52617c;
}

SCSS

$color-1: #eeff6b;
$color-2: #a9f05d;
$color-3: #73bf9b;
$color-4: #598f96;
$color-5: #52617c;

TAILWIND

colors: {
  'brand-1': '#eeff6b',
  'brand-2': '#a9f05d',
  'brand-3': '#73bf9b',
  'brand-4': '#598f96',
  'brand-5': '#52617c',
}

RGB Array

[238, 255, 107], [169, 240, 93], [115, 191, 155], [89, 143, 150], [82, 97, 124]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EEFF6B, #A9F05D, #73BF9B, #598F96, #52617C 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: #eeff6b; --color-2: #a9f05d; --color-3: #73bf9b; --color-4: #598f96; --color-5: #52617c. 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