← Back to Editor

#6C4F7F · #617FB0 · #95C6C0 · #C6F9AF · #8A3E3D

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#6C4F7F

Dark Plum · DimGray · Eggplant

HEX
#6C4F7F
RGB
rgb(108, 79, 127)
HSL
hsl(276, 23%, 40%)
HSB
hsb(276, 38%, 50%)
CMYK
cmyk(15%, 38%, 0%, 50%)
Oklch
oklch(47.8% 0.082 311.2)

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

#617FB0

Azure · SteelBlue · Navy Blue

HEX
#617FB0
RGB
rgb(97, 127, 176)
HSL
hsl(217, 33%, 54%)
HSB
hsb(217, 45%, 69%)
CMYK
cmyk(45%, 28%, 0%, 31%)
Oklch
oklch(59.4% 0.083 260.0)

Traditional「Azure」· Paint「Navy Blue」· Creative Blush Sunrise

#95C6C0

Jade · LightSteelBlue · Lake Green

HEX
#95C6C0
RGB
rgb(149, 198, 192)
HSL
hsl(173, 30%, 68%)
HSB
hsb(173, 25%, 78%)
CMYK
cmyk(25%, 0%, 3%, 22%)
Oklch
oklch(79.0% 0.052 186.8)

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

#C6F9AF

Emerald · LightGray · Mint Green

HEX
#C6F9AF
RGB
rgb(198, 249, 175)
HSL
hsl(101, 86%, 83%)
HSB
hsb(101, 30%, 98%)
CMYK
cmyk(20%, 0%, 30%, 2%)
Oklch
oklch(92.9% 0.110 136.2)

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

#8A3E3D

Crimson · Sienna · Wine Red

HEX
#8A3E3D
RGB
rgb(138, 62, 61)
HSL
hsl(1, 39%, 39%)
HSB
hsb(1, 56%, 54%)
CMYK
cmyk(0%, 55%, 56%, 46%)
Oklch
oklch(46.4% 0.104 22.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6C4F7F
617D4F

Analogous

534F7D
6C4F7F
7D4F79

Triadic

6C4F7F
7D6B4F
4F7D6B

Split-Comp.

6C4F7F
797D4F
4F7D53

Tetradic

6C4F7F
7D534F
617D4F
4F797D

Contrast Matrix WCAG 2.1 Contrast

6C4F7F
617FB0
95C6C0
C6F9AF
8A3E3D
—
1.7
Fail
3.6
AA Large
5.7
AA
1.1
Fail
1.7
Fail
—
2.1
Fail
3.4
AA Large
1.8
Fail
3.6
AA Large
2.1
Fail
—
1.6
Fail
3.9
AA Large
5.7
AA
3.4
AA Large
1.6
Fail
—
6.2
AA
1.1
Fail
1.8
Fail
3.9
AA Large
6.2
AA
—
White BG
6.9AA
4.1AA Large
1.9Fail
1.2Fail
7.4AAA
Black BG
3.1AA Large
5.2AA
11.1AAA
17.6AAA
2.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

5F5F73
6E6EA4
AAABC1
DCDDC1
69683D

Deuteranopia

616371
6C6AA1
A7A4C2
D9D5C5
6E733D

Tritanopia

6B6A68
629B99
97C3C3
C9CFD2
863D3D

Achromatopsia

5D5D5D
7C7C7C
B7B7B7
E1E1E1
555555

Shades & Tints Shades & Tints

#6C4F7F

Dark
Light

#617FB0

Dark
Light

#95C6C0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6c4f7f;
  --color-2: #617fb0;
  --color-3: #95c6c0;
  --color-4: #c6f9af;
  --color-5: #8a3e3d;
}

SCSS

$color-1: #6c4f7f;
$color-2: #617fb0;
$color-3: #95c6c0;
$color-4: #c6f9af;
$color-5: #8a3e3d;

TAILWIND

colors: {
  'brand-1': '#6c4f7f',
  'brand-2': '#617fb0',
  'brand-3': '#95c6c0',
  'brand-4': '#c6f9af',
  'brand-5': '#8a3e3d',
}

RGB Array

[108, 79, 127], [97, 127, 176], [149, 198, 192], [198, 249, 175], [138, 62, 61]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6C4F7F, #617FB0, #95C6C0, #C6F9AF, #8A3E3D 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: #6c4f7f; --color-2: #617fb0; --color-3: #95c6c0; --color-4: #c6f9af; --color-5: #8a3e3d. 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