#94D0B9 + #97CD2B + #F24016 + #A64459 + #4C466D - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#94D0B9

Jade · DarkSeaGreen · Apple Green

HEX

#94D0B9

RGB

rgb(148, 208, 185)

HSL

hsl(157, 39%, 70%)

HSB

hsb(157, 29%, 82%)

CMYK

cmyk(29%, 0%, 11%, 18%)

Oklch

oklch(81.0% 0.070 168.8)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#97CD2B

Grass Green · GreenYellow · Olive Green

HEX

#97CD2B

RGB

rgb(151, 205, 43)

HSL

hsl(80, 65%, 49%)

HSB

hsb(80, 79%, 80%)

CMYK

cmyk(26%, 0%, 79%, 20%)

Oklch

oklch(78.3% 0.189 127.2)

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

#F24016

Vermilion · OrangeRed · Passion Red

HEX

#F24016

RGB

rgb(242, 64, 22)

HSL

hsl(11, 89%, 52%)

HSB

hsb(11, 91%, 95%)

CMYK

cmyk(0%, 74%, 91%, 5%)

Oklch

oklch(63.4% 0.220 33.6)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#A64459

Crimson · Sienna · Passion Red

HEX

#A64459

RGB

rgb(166, 68, 89)

HSL

hsl(347, 42%, 46%)

HSB

hsb(347, 59%, 65%)

CMYK

cmyk(0%, 59%, 46%, 35%)

Oklch

oklch(52.3% 0.130 9.5)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#4C466D

Deep Indigo · DarkSlateBlue · Prussian Blue

HEX

#4C466D

RGB

rgb(76, 70, 109)

HSL

hsl(249, 22%, 35%)

HSB

hsb(249, 36%, 43%)

CMYK

cmyk(30%, 36%, 0%, 57%)

Oklch

oklch(41.7% 0.064 290.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

94D0B9

D095AC

Analogous

95D09C

94D0B9

95C9D0

Triadic

94D0B9

B995D0

D0B995

Split-Comp.

94D0B9

D095C9

D09C95

Tetradic

94D0B9

9C95D0

D095AC

C9D095

Contrast Matrix WCAG 2.1 Contrast

94D0B9	97CD2B	F24016	A64459	4C466D
—	1.1 Fail	2.2 Fail	3.3 AA Large	5.0 AA
1.1 Fail	—	2.0 Fail	3.1 AA Large	4.6 AA
2.2 Fail	2.0 Fail	—	1.5 Fail	2.3 Fail
3.3 AA Large	3.1 AA Large	1.5 Fail	—	1.5 Fail
5.0 AA	4.6 AA	2.3 Fail	1.5 Fail	—

White BG

1.8Fail

1.9Fail

3.8AA Large

5.8AA

8.7AAA

Black BG

12.0AAA

11.1AAA

5.5AA

3.6AA Large

2.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

AEAFBF

AEAF52

A5A320

7C7B54

494964

Deuteranopia

ABA6C0

ABA75C

AFBD23

818953

4A4A61

Tritanopia

97C3C4

9A7178

E9282A

A1504F

4C5C5A

Achromatopsia

BBBBBB

AAAAAA

707070

646464

4C4C4C

Shades & Tints Shades & Tints

#94D0B9

Dark

Light

#97CD2B

Dark

Light

#F24016

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #94d0b9;
  --color-2: #97cd2b;
  --color-3: #f24016;
  --color-4: #a64459;
  --color-5: #4c466d;
}

SCSS

$color-1: #94d0b9;
$color-2: #97cd2b;
$color-3: #f24016;
$color-4: #a64459;
$color-5: #4c466d;

TAILWIND

colors: {
  'brand-1': '#94d0b9',
  'brand-2': '#97cd2b',
  'brand-3': '#f24016',
  'brand-4': '#a64459',
  'brand-5': '#4c466d',
}

RGB Array

[148, 208, 185], [151, 205, 43], [242, 64, 22], [166, 68, 89], [76, 70, 109]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #94D0B9, #97CD2B, #F24016, #A64459, #4C466D 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: #94d0b9; --color-2: #97cd2b; --color-3: #f24016; --color-4: #a64459; --color-5: #4c466d. 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