← Back to Editor

#6D0655 · #704657 · #BAF066 · #86E66B · #73AC5C

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#6D0655

Rose Purple · Purple · Eggplant

HEX
#6D0655
RGB
rgb(109, 6, 85)
HSL
hsl(314, 90%, 23%)
HSB
hsb(314, 94%, 43%)
CMYK
cmyk(0%, 94%, 22%, 57%)
Oklch
oklch(36.3% 0.152 340.9)

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

#704657

Dark Violet · DimGray · Camellia

HEX
#704657
RGB
rgb(112, 70, 87)
HSL
hsl(336, 23%, 36%)
HSB
hsb(336, 37%, 44%)
CMYK
cmyk(0%, 37%, 22%, 56%)
Oklch
oklch(44.8% 0.062 354.0)

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

#BAF066

Willow Green · GreenYellow · Apple Green

HEX
#BAF066
RGB
rgb(186, 240, 102)
HSL
hsl(83, 82%, 67%)
HSB
hsb(83, 57%, 94%)
CMYK
cmyk(23%, 0%, 57%, 6%)
Oklch
oklch(89.0% 0.176 127.6)

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

#86E66B

Emerald · LightGreen · Apple Green

HEX
#86E66B
RGB
rgb(134, 230, 107)
HSL
hsl(107, 71%, 66%)
HSB
hsb(107, 53%, 90%)
CMYK
cmyk(42%, 0%, 53%, 10%)
Oklch
oklch(83.9% 0.184 139.2)

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

#73AC5C

Celadon · Gray · Olive Green

HEX
#73AC5C
RGB
rgb(115, 172, 92)
HSL
hsl(103, 33%, 52%)
HSB
hsb(103, 47%, 67%)
CMYK
cmyk(33%, 0%, 47%, 33%)
Oklch
oklch(68.6% 0.126 137.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6D0655
066F1E

Analogous

53066F
6D0655
6F0622

Triadic

6D0655
576F06
06576F

Split-Comp.

6D0655
226F06
066F53

Tetradic

6D0655
6F5306
066F1E
06226F

Contrast Matrix WCAG 2.1 Contrast

6D0655
704657
BAF066
86E66B
73AC5C
—
1.5
Fail
8.7
AAA
7.5
AAA
4.3
AA Large
1.5
Fail
—
5.8
AA
5.0
AA
2.9
Fail
8.7
AAA
5.8
AA
—
1.2
Fail
2.0
Fail
7.5
AAA
5.0
AA
1.2
Fail
—
1.7
Fail
4.3
AA Large
2.9
Fail
2.0
Fail
1.7
Fail
—
White BG
11.6AAA
7.8AAA
1.3Fail
1.6Fail
2.7Fail
Black BG
1.8Fail
2.7Fail
15.7AAA
13.5AAA
7.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

403F42
5E5D53
D1D287
B0B089
8C8C6F

Deuteranopia

464E3D
606352
CECA8F
AAA390
888474

Tritanopia

68332F
6E504F
BDA2A8
8BA0A5
767F82

Achromatopsia

2E2E2E
545454
D0D0D0
BBBBBB
929292

Shades & Tints Shades & Tints

#6D0655

Dark
Light

#704657

Dark
Light

#BAF066

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6d0655;
  --color-2: #704657;
  --color-3: #baf066;
  --color-4: #86e66b;
  --color-5: #73ac5c;
}

SCSS

$color-1: #6d0655;
$color-2: #704657;
$color-3: #baf066;
$color-4: #86e66b;
$color-5: #73ac5c;

TAILWIND

colors: {
  'brand-1': '#6d0655',
  'brand-2': '#704657',
  'brand-3': '#baf066',
  'brand-4': '#86e66b',
  'brand-5': '#73ac5c',
}

RGB Array

[109, 6, 85], [112, 70, 87], [186, 240, 102], [134, 230, 107], [115, 172, 92]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6D0655, #704657, #BAF066, #86E66B, #73AC5C is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #6d0655; --color-2: #704657; --color-3: #baf066; --color-4: #86e66b; --color-5: #73ac5c. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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