#624F70 + #A9D94C + #6DCF69 + #04BF8F + #B0CAD6 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#624F70

Dark Plum · DimGray · Eggplant

HEX

#624F70

RGB

rgb(98, 79, 112)

HSL

hsl(275, 17%, 37%)

HSB

hsb(275, 29%, 44%)

CMYK

cmyk(13%, 29%, 0%, 56%)

Oklch

oklch(46.0% 0.057 310.4)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#A9D94C

Grass Green · GreenYellow · Olive Green

HEX

#A9D94C

RGB

rgb(169, 217, 76)

HSL

hsl(80, 65%, 57%)

HSB

hsb(80, 65%, 85%)

CMYK

cmyk(22%, 0%, 65%, 15%)

Oklch

oklch(82.4% 0.175 126.1)

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

#6DCF69

Emerald · DarkSeaGreen · Apple Green

HEX

#6DCF69

RGB

rgb(109, 207, 105)

HSL

hsl(118, 52%, 61%)

HSB

hsb(118, 49%, 81%)

CMYK

cmyk(47%, 0%, 49%, 19%)

Oklch

oklch(77.1% 0.167 143.0)

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

#04BF8F

Mineral Blue · LightSeaGreen · Mint Ice

HEX

#04BF8F

RGB

rgb(4, 191, 143)

HSL

hsl(165, 96%, 38%)

HSB

hsb(165, 98%, 75%)

CMYK

cmyk(98%, 0%, 25%, 25%)

Oklch

oklch(71.4% 0.146 166.8)

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

#B0CAD6

Sky Blue · LightSteelBlue · Glacier Blue

HEX

#B0CAD6

RGB

rgb(176, 202, 214)

HSL

hsl(199, 32%, 76%)

HSB

hsb(199, 18%, 84%)

CMYK

cmyk(18%, 6%, 0%, 16%)

Oklch

oklch(82.3% 0.033 227.3)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

624F70

5C6E4E

Analogous

514E6E

624F70

6E4E6C

Triadic

624F70

6E614E

4E6E61

Split-Comp.

624F70

6C6E4E

4E6E51

Tetradic

624F70

6E514E

5C6E4E

4E6C6E

Contrast Matrix WCAG 2.1 Contrast

624F70	A9D94C	6DCF69	04BF8F	B0CAD6
—	4.4 AA Large	3.8 AA Large	3.1 AA Large	4.3 AA Large
4.4 AA Large	—	1.2 Fail	1.4 Fail	1.0 Fail
3.8 AA Large	1.2 Fail	—	1.2 Fail	1.1 Fail
3.1 AA Large	1.4 Fail	1.2 Fail	—	1.4 Fail
4.3 AA Large	1.0 Fail	1.1 Fail	1.4 Fail	—

White BG

7.3AAA

1.7Fail

1.9Fail

2.4Fail

1.7Fail

Black BG

2.9Fail

12.7AAA

10.8AAA

8.9AAA

12.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5A5A68

BEBE6E

979882

55579B

BBBBD3

Deuteranopia

5B5C66

BBB776

928A88

4A3C9D

BAB8D2

Tritanopia

616260

AB898F

729599

0DA4A6

B1D1D0

Achromatopsia

585858

BBBBBB

A6A6A6

828282

C4C4C4

Shades & Tints Shades & Tints

#624F70

Dark

Light

#A9D94C

Dark

Light

#6DCF69

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #624f70;
  --color-2: #a9d94c;
  --color-3: #6dcf69;
  --color-4: #04bf8f;
  --color-5: #b0cad6;
}

SCSS

$color-1: #624f70;
$color-2: #a9d94c;
$color-3: #6dcf69;
$color-4: #04bf8f;
$color-5: #b0cad6;

TAILWIND

colors: {
  'brand-1': '#624f70',
  'brand-2': '#a9d94c',
  'brand-3': '#6dcf69',
  'brand-4': '#04bf8f',
  'brand-5': '#b0cad6',
}

RGB Array

[98, 79, 112], [169, 217, 76], [109, 207, 105], [4, 191, 143], [176, 202, 214]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #624F70, #A9D94C, #6DCF69, #04BF8F, #B0CAD6 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: #624f70; --color-2: #a9d94c; --color-3: #6dcf69; --color-4: #04bf8f; --color-5: #b0cad6. 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