← Back to Editor

#C6EF8F · #9DCAA4 · #8F94BB · #6E598A · #7F2366

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

#C6EF8F

Willow Green · Khaki · Apple Green

HEX
#C6EF8F
RGB
rgb(198, 239, 143)
HSL
hsl(86, 75%, 75%)
HSB
hsb(86, 40%, 94%)
CMYK
cmyk(17%, 0%, 40%, 6%)
Oklch
oklch(90.1% 0.130 127.7)

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

#9DCAA4

Celadon · DarkSeaGreen · Apple Green

HEX
#9DCAA4
RGB
rgb(157, 202, 164)
HSL
hsl(129, 30%, 70%)
HSB
hsb(129, 22%, 79%)
CMYK
cmyk(22%, 0%, 19%, 21%)
Oklch
oklch(79.7% 0.071 149.2)

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

#8F94BB

Azure · DarkGray · Cobalt Blue

HEX
#8F94BB
RGB
rgb(143, 148, 187)
HSL
hsl(233, 24%, 65%)
HSB
hsb(233, 24%, 73%)
CMYK
cmyk(24%, 21%, 0%, 27%)
Oklch
oklch(67.6% 0.058 279.0)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

#6E598A

Deep Indigo · DimGray · Violet

HEX
#6E598A
RGB
rgb(110, 89, 138)
HSL
hsl(266, 22%, 45%)
HSB
hsb(266, 36%, 54%)
CMYK
cmyk(20%, 36%, 0%, 46%)
Oklch
oklch(50.5% 0.080 303.4)

Traditional「Deep Indigo」· Paint「Violet」· Creative Blush Sunrise

#7F2366

Rose Purple · Purple · Eggplant

HEX
#7F2366
RGB
rgb(127, 35, 102)
HSL
hsl(316, 57%, 32%)
HSB
hsb(316, 72%, 50%)
CMYK
cmyk(0%, 72%, 20%, 50%)
Oklch
oklch(42.5% 0.146 340.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C6EF8F
B98FEF

Analogous

EFE98F
C6EF8F
96EF8F

Triadic

C6EF8F
8FC6EF
EF8FC6

Split-Comp.

C6EF8F
8F96EF
E98FEF

Tetradic

C6EF8F
8FEFE9
B98FEF
EF8F96

Contrast Matrix WCAG 2.1 Contrast

C6EF8F
9DCAA4
8F94BB
6E598A
7F2366
—
1.4
Fail
2.3
Fail
4.7
AA
6.9
AA
1.4
Fail
—
1.6
Fail
3.3
AA Large
4.9
AA
2.3
Fail
1.6
Fail
—
2.1
Fail
3.1
AA Large
4.7
AA
3.3
AA Large
2.1
Fail
—
1.5
Fail
6.9
AA
4.9
AA
3.1
AA Large
1.5
Fail
—
White BG
1.3Fail
1.8Fail
2.9Fail
6.1AA
9.0AAA
Black BG
16.1AAA
11.4AAA
7.1AAA
3.5AA Large
2.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D8D8A6
B0B1AD
9191B2
65657E
575656

Deuteranopia

D5D2AC
AEABAF
9191AF
66687B
5D6352

Tritanopia

C8B9BD
9FB4B6
8FAAA8
6D7573
7A4946

Achromatopsia

D8D8D8
B8B8B8
979797
656565
464646

Shades & Tints Shades & Tints

#C6EF8F

Dark
Light

#9DCAA4

Dark
Light

#8F94BB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c6ef8f;
  --color-2: #9dcaa4;
  --color-3: #8f94bb;
  --color-4: #6e598a;
  --color-5: #7f2366;
}

SCSS

$color-1: #c6ef8f;
$color-2: #9dcaa4;
$color-3: #8f94bb;
$color-4: #6e598a;
$color-5: #7f2366;

TAILWIND

colors: {
  'brand-1': '#c6ef8f',
  'brand-2': '#9dcaa4',
  'brand-3': '#8f94bb',
  'brand-4': '#6e598a',
  'brand-5': '#7f2366',
}

RGB Array

[198, 239, 143], [157, 202, 164], [143, 148, 187], [110, 89, 138], [127, 35, 102]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C6EF8F, #9DCAA4, #8F94BB, #6E598A, #7F2366 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: #c6ef8f; --color-2: #9dcaa4; --color-3: #8f94bb; --color-4: #6e598a; --color-5: #7f2366. 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