#67226B + #4A3A59 + #61AB89 + #A4C276 + #C2FF18 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#67226B

Royal Purple · Purple · Eggplant

HEX

#67226B

RGB

rgb(103, 34, 107)

HSL

hsl(297, 52%, 28%)

HSB

hsb(297, 68%, 42%)

CMYK

cmyk(4%, 68%, 0%, 58%)

Oklch

oklch(38.8% 0.136 325.5)

Traditional「Royal Purple」· Paint「Eggplant」· Creative Blush Sunrise

#4A3A59

Dark Plum · DarkSlateGray · Eggplant

HEX

#4A3A59

RGB

rgb(74, 58, 89)

HSL

hsl(271, 21%, 29%)

HSB

hsb(271, 35%, 35%)

CMYK

cmyk(17%, 35%, 0%, 65%)

Oklch

oklch(37.9% 0.055 307.5)

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

#61AB89

Mineral Blue · CadetBlue · Olive Green

HEX

#61AB89

RGB

rgb(97, 171, 137)

HSL

hsl(152, 31%, 53%)

HSB

hsb(152, 43%, 67%)

CMYK

cmyk(43%, 0%, 20%, 33%)

Oklch

oklch(68.3% 0.091 162.9)

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

#A4C276

Willow Green · DarkSeaGreen · Apple Green

HEX

#A4C276

RGB

rgb(164, 194, 118)

HSL

hsl(84, 38%, 61%)

HSB

hsb(84, 39%, 76%)

CMYK

cmyk(15%, 0%, 39%, 24%)

Oklch

oklch(77.4% 0.106 126.3)

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

#C2FF18

Grass Green · GreenYellow · Olive Green

HEX

#C2FF18

RGB

rgb(194, 255, 24)

HSL

hsl(76, 100%, 55%)

HSB

hsb(76, 91%, 100%)

CMYK

cmyk(24%, 0%, 91%, 0%)

Oklch

oklch(92.5% 0.230 125.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

67226B

266D22

Analogous

44226D

67226B

6D224B

Triadic

67226B

6D6922

226D69

Split-Comp.

67226B

4B6D22

226D44

Tetradic

67226B

6D4422

266D22

224B6D

Contrast Matrix WCAG 2.1 Contrast

67226B	4A3A59	61AB89	A4C276	C2FF18
—	1.0 Fail	3.8 AA Large	5.2 AA	8.7 AAA
1.0 Fail	—	3.8 AA Large	5.2 AA	8.6 AAA
3.8 AA Large	3.8 AA Large	—	1.4 Fail	2.3 Fail
5.2 AA	5.2 AA	1.4 Fail	—	1.7 Fail
8.7 AAA	8.6 AAA	2.3 Fail	1.7 Fail	—

White BG

10.4AAA

10.3AAA

2.7Fail

2.0Fail

1.2Fail

Black BG

2.0Fail

7.7AAA

10.6AAA

17.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

494959

434351

818291

B1B188

DCDD50

Deuteranopia

4D5255

444550

7D7793

AFAD8D

D9D45D

Tritanopia

644B48

494C4A

659899

A5979A

C57C86

Achromatopsia

3F3F3F

424242

919191

B0B0B0

D2D2D2

Shades & Tints Shades & Tints

#67226B

Dark

Light

#4A3A59

Dark

Light

#61AB89

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #67226b;
  --color-2: #4a3a59;
  --color-3: #61ab89;
  --color-4: #a4c276;
  --color-5: #c2ff18;
}

SCSS

$color-1: #67226b;
$color-2: #4a3a59;
$color-3: #61ab89;
$color-4: #a4c276;
$color-5: #c2ff18;

TAILWIND

colors: {
  'brand-1': '#67226b',
  'brand-2': '#4a3a59',
  'brand-3': '#61ab89',
  'brand-4': '#a4c276',
  'brand-5': '#c2ff18',
}

RGB Array

[103, 34, 107], [74, 58, 89], [97, 171, 137], [164, 194, 118], [194, 255, 24]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #67226B, #4A3A59, #61AB89, #A4C276, #C2FF18 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: #67226b; --color-2: #4a3a59; --color-3: #61ab89; --color-4: #a4c276; --color-5: #c2ff18. 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