← Back to Editor

#6FA39C · #D9B582 · #D9CD82 · #C8F7A8 · #9BFAD2

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#6FA39C

Mineral Blue · CadetBlue · Lake Green

HEX
#6FA39C
RGB
rgb(111, 163, 156)
HSL
hsl(172, 22%, 54%)
HSB
hsb(172, 32%, 64%)
CMYK
cmyk(32%, 0%, 4%, 36%)
Oklch
oklch(67.7% 0.056 185.4)

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

#D9B582

Ginger · BurlyWood · Warm Sun

HEX
#D9B582
RGB
rgb(217, 181, 130)
HSL
hsl(35, 53%, 68%)
HSB
hsb(35, 40%, 85%)
CMYK
cmyk(0%, 17%, 40%, 15%)
Oklch
oklch(79.3% 0.079 75.9)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#D9CD82

Fresh Green · BurlyWood · Sunflower

HEX
#D9CD82
RGB
rgb(217, 205, 130)
HSL
hsl(52, 53%, 68%)
HSB
hsb(52, 40%, 85%)
CMYK
cmyk(0%, 6%, 40%, 15%)
Oklch
oklch(84.1% 0.096 100.3)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#C8F7A8

Emerald · Khaki · Mint Green

HEX
#C8F7A8
RGB
rgb(200, 247, 168)
HSL
hsl(96, 83%, 81%)
HSB
hsb(96, 32%, 97%)
CMYK
cmyk(19%, 0%, 32%, 3%)
Oklch
oklch(92.4% 0.114 133.2)

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

#9BFAD2

Jade · LightBlue · Apple Green

HEX
#9BFAD2
RGB
rgb(155, 250, 210)
HSL
hsl(155, 90%, 79%)
HSB
hsb(155, 38%, 98%)
CMYK
cmyk(38%, 0%, 16%, 2%)
Oklch
oklch(91.5% 0.107 165.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6FA39C
A47077

Analogous

70A483
6FA39C
7091A4

Triadic

6FA39C
9D70A4
A49D70

Split-Comp.

6FA39C
A47091
A48370

Tetradic

6FA39C
8370A4
A47077
91A470

Contrast Matrix WCAG 2.1 Contrast

6FA39C
D9B582
D9CD82
C8F7A8
9BFAD2
—
1.5
Fail
1.8
Fail
2.3
Fail
2.3
Fail
1.5
Fail
—
1.2
Fail
1.6
Fail
1.6
Fail
1.8
Fail
1.2
Fail
—
1.3
Fail
1.3
Fail
2.3
Fail
1.6
Fail
1.3
Fail
—
1.0
Fail
2.3
Fail
1.6
Fail
1.3
Fail
1.0
Fail
—
White BG
2.8Fail
1.9Fail
1.6Fail
1.2Fail
1.2Fail
Black BG
7.4AAA
10.9AAA
13.0AAA
17.3AAA
17.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

86869E
C9C98E
D4D494
DCDDBB
C4C5DC

Deuteranopia

837F9E
CCCE91
D5D599
DAD6C0
BFB8DE

Tritanopia

729F9F
D7989A
D8A2A6
CACACE
A0E3E5

Achromatopsia

939393
BABABA
C8C8C8
E0E0E0
D9D9D9

Shades & Tints Shades & Tints

#6FA39C

Dark
Light

#D9B582

Dark
Light

#D9CD82

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6fa39c;
  --color-2: #d9b582;
  --color-3: #d9cd82;
  --color-4: #c8f7a8;
  --color-5: #9bfad2;
}

SCSS

$color-1: #6fa39c;
$color-2: #d9b582;
$color-3: #d9cd82;
$color-4: #c8f7a8;
$color-5: #9bfad2;

TAILWIND

colors: {
  'brand-1': '#6fa39c',
  'brand-2': '#d9b582',
  'brand-3': '#d9cd82',
  'brand-4': '#c8f7a8',
  'brand-5': '#9bfad2',
}

RGB Array

[111, 163, 156], [217, 181, 130], [217, 205, 130], [200, 247, 168], [155, 250, 210]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6FA39C, #D9B582, #D9CD82, #C8F7A8, #9BFAD2 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #6fa39c; --color-2: #d9b582; --color-3: #d9cd82; --color-4: #c8f7a8; --color-5: #9bfad2. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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