#0B562B + #19B05A + #A4D638 + #A371A8 + #66245E - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#0B562B

Pine Green · DarkGreen · Dark Green

HEX

#0B562B

RGB

rgb(11, 86, 43)

HSL

hsl(146, 77%, 19%)

HSB

hsb(146, 87%, 34%)

CMYK

cmyk(87%, 0%, 50%, 66%)

Oklch

oklch(39.9% 0.099 152.0)

Traditional「Pine Green」· Paint「Dark Green」· Creative Blush Sunrise

#19B05A

Pine Green · MediumSeaGreen · Forest Green

HEX

#19B05A

RGB

rgb(25, 176, 90)

HSL

hsl(146, 75%, 39%)

HSB

hsb(146, 86%, 69%)

CMYK

cmyk(86%, 0%, 49%, 31%)

Oklch

oklch(66.5% 0.171 151.3)

Traditional「Pine Green」· Paint「Forest Green」· Creative Blush Sunrise

#A4D638

Grass Green · GreenYellow · Olive Green

HEX

#A4D638

RGB

rgb(164, 214, 56)

HSL

hsl(79, 66%, 53%)

HSB

hsb(79, 74%, 84%)

CMYK

cmyk(23%, 0%, 74%, 16%)

Oklch

oklch(81.3% 0.186 125.9)

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

#A371A8

Dark Plum · LightSlateGray · Violet

HEX

#A371A8

RGB

rgb(163, 113, 168)

HSL

hsl(295, 24%, 55%)

HSB

hsb(295, 33%, 66%)

CMYK

cmyk(3%, 33%, 0%, 34%)

Oklch

oklch(61.9% 0.099 323.5)

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

#66245E

Rose Purple · Purple · Eggplant

HEX

#66245E

RGB

rgb(102, 36, 94)

HSL

hsl(307, 48%, 27%)

HSB

hsb(307, 65%, 40%)

CMYK

cmyk(0%, 65%, 8%, 60%)

Oklch

oklch(38.1% 0.121 332.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0B562B

560B35

Analogous

10560B

0B562B

0B5651

Triadic

0B562B

2B0B56

562B0B

Split-Comp.

0B562B

510B56

560B10

Tetradic

0B562B

0B1056

560B35

56510B

Contrast Matrix WCAG 2.1 Contrast

0B562B	19B05A	A4D638	A371A8	66245E
—	3.1 AA Large	5.1 AA	2.3 Fail	1.2 Fail
3.1 AA Large	—	1.7 Fail	1.3 Fail	3.7 AA Large
5.1 AA	1.7 Fail	—	2.2 Fail	6.2 AA
2.3 Fail	1.3 Fail	2.2 Fail	—	2.8 Fail
1.2 Fail	3.7 AA Large	6.2 AA	2.8 Fail	—

White BG

8.8AAA

2.8Fail

1.7Fail

3.8AA Large

10.6AAA

Black BG

2.4Fail

7.4AAA

12.3AAA

5.5AA

2.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

2B2C35

5A5C6F

BABA5E

8D8D9B

494950

Deuteranopia

272238

524674

B7B367

909498

4D524D

Tritanopia

0F3E3F

217F83

A67C83

A1908E

634542

Achromatopsia

3B3B3B

797979

B5B5B5

868686

3E3E3E

Shades & Tints Shades & Tints

#0B562B

Dark

Light

#19B05A

Dark

Light

#A4D638

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0b562b;
  --color-2: #19b05a;
  --color-3: #a4d638;
  --color-4: #a371a8;
  --color-5: #66245e;
}

SCSS

$color-1: #0b562b;
$color-2: #19b05a;
$color-3: #a4d638;
$color-4: #a371a8;
$color-5: #66245e;

TAILWIND

colors: {
  'brand-1': '#0b562b',
  'brand-2': '#19b05a',
  'brand-3': '#a4d638',
  'brand-4': '#a371a8',
  'brand-5': '#66245e',
}

RGB Array

[11, 86, 43], [25, 176, 90], [164, 214, 56], [163, 113, 168], [102, 36, 94]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #0B562B, #19B05A, #A4D638, #A371A8, #66245E is ideal for: tech websites, dark mode UIs, game UIs. 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: #0b562b; --color-2: #19b05a; --color-3: #a4d638; --color-4: #a371a8; --color-5: #66245e. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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