#C8EA73 + #42C8B2 + #258A86 + #524254 + #A00863 · dark - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#C8EA73

Willow Green · Khaki · Apple Green

HEX

#C8EA73

RGB

rgb(200, 234, 115)

HSL

hsl(77, 74%, 68%)

HSB

hsb(77, 51%, 92%)

CMYK

cmyk(15%, 0%, 51%, 8%)

Oklch

oklch(88.8% 0.151 122.7)

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

#42C8B2

Mineral Blue · MediumTurquoise · Lake Green

HEX

#42C8B2

RGB

rgb(66, 200, 178)

HSL

hsl(170, 55%, 52%)

HSB

hsb(170, 67%, 78%)

CMYK

cmyk(67%, 0%, 11%, 22%)

Oklch

oklch(75.5% 0.119 179.7)

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

#258A86

Mineral Blue · Teal · Mint Ice

HEX

#258A86

RGB

rgb(37, 138, 134)

HSL

hsl(178, 58%, 34%)

HSB

hsb(178, 73%, 54%)

CMYK

cmyk(73%, 0%, 3%, 46%)

Oklch

oklch(57.7% 0.089 191.0)

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

#524254

Dark Plum · DarkSlateGray · Eggplant

HEX

#524254

RGB

rgb(82, 66, 84)

HSL

hsl(293, 12%, 29%)

HSB

hsb(293, 21%, 33%)

CMYK

cmyk(2%, 21%, 0%, 67%)

Oklch

oklch(40.3% 0.036 322.6)

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

#A00863

Rose Purple · Purple · Camellia

HEX

#A00863

RGB

rgb(160, 8, 99)

HSL

hsl(324, 90%, 33%)

HSB

hsb(324, 95%, 63%)

CMYK

cmyk(0%, 95%, 38%, 37%)

Oklch

oklch(46.6% 0.188 352.7)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C8EA73

9371EA

Analogous

EAD071

C8EA73

8BEA71

Triadic

C8EA73

71C8EA

EA71C8

Split-Comp.

C8EA73

718BEA

D071EA

Tetradic

C8EA73

71EAD0

9371EA

EA718B

Contrast Matrix WCAG 2.1 Contrast

C8EA73	42C8B2	258A86	524254	A00863
—	1.5 Fail	3.1 AA Large	6.8 AA	5.7 AA
1.5 Fail	—	2.0 Fail	4.5 AA Large	3.7 AA Large
3.1 AA Large	2.0 Fail	—	2.2 Fail	1.9 Fail
6.8 AA	4.5 AA Large	2.2 Fail	—	1.2 Fail
5.7 AA	3.7 AA Large	1.9 Fail	1.2 Fail	—

White BG

1.4Fail

2.1Fail

4.2AA Large

9.3AAA

7.8AAA

Black BG

15.5AAA

10.1AAA

5.1AA

2.3Fail

2.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D7D790

7C7DB7

515287

4B4B50

5E5D4D

Deuteranopia

D5D297

746AB9

4B4387

4C4D4F

677248

Tritanopia

CAA7AC

49BCBC

2A8888

514C4B

983C38

Achromatopsia

D2D2D2

9D9D9D

6B6B6B

494949

404040

Shades & Tints Shades & Tints

#C8EA73

Dark

Light

#42C8B2

Dark

Light

#258A86

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c8ea73;
  --color-2: #42c8b2;
  --color-3: #258a86;
  --color-4: #524254;
  --color-5: #a00863;
}

SCSS

$color-1: #c8ea73;
$color-2: #42c8b2;
$color-3: #258a86;
$color-4: #524254;
$color-5: #a00863;

TAILWIND

colors: {
  'brand-1': '#c8ea73',
  'brand-2': '#42c8b2',
  'brand-3': '#258a86',
  'brand-4': '#524254',
  'brand-5': '#a00863',
}

RGB Array

[200, 234, 115], [66, 200, 178], [37, 138, 134], [82, 66, 84], [160, 8, 99]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #C8EA73, #42C8B2, #258A86, #524254, #A00863 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: #c8ea73; --color-2: #42c8b2; --color-3: #258a86; --color-4: #524254; --color-5: #a00863. 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 dark-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