← Back to Editor

#68878A · #D9E6BB · #6E9899 · #F2EEDB · #B6CD7E

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#68878A

Slate Blue · SlateGray · Mint Ice

HEX
#68878A
RGB
rgb(104, 135, 138)
HSL
hsl(185, 14%, 47%)
HSB
hsb(185, 25%, 54%)
CMYK
cmyk(25%, 2%, 0%, 46%)
Oklch
oklch(60.1% 0.035 203.6)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#D9E6BB

Willow Green · Wheat · Mint Green

HEX
#D9E6BB
RGB
rgb(217, 230, 187)
HSL
hsl(78, 46%, 82%)
HSB
hsb(78, 19%, 90%)
CMYK
cmyk(6%, 0%, 19%, 10%)
Oklch
oklch(90.4% 0.059 121.2)

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

#6E9899

Slate Blue · CadetBlue · Lake Green

HEX
#6E9899
RGB
rgb(110, 152, 153)
HSL
hsl(181, 17%, 52%)
HSB
hsb(181, 28%, 60%)
CMYK
cmyk(28%, 1%, 0%, 40%)
Oklch
oklch(64.9% 0.046 197.9)

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

#F2EEDB

Fresh Green · Beige · Lemon Cream

HEX
#F2EEDB
RGB
rgb(242, 238, 219)
HSL
hsl(50, 47%, 90%)
HSB
hsb(50, 10%, 95%)
CMYK
cmyk(0%, 2%, 10%, 5%)
Oklch
oklch(94.7% 0.025 97.1)

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

#B6CD7E

Willow Green · Tan · Apple Green

HEX
#B6CD7E
RGB
rgb(182, 205, 126)
HSL
hsl(77, 44%, 65%)
HSB
hsb(77, 39%, 80%)
CMYK
cmyk(11%, 0%, 39%, 20%)
Oklch
oklch(81.3% 0.106 122.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

68878A
896A67

Analogous

67897B
68878A
677589

Triadic

68878A
896786
868967

Split-Comp.

68878A
896775
897B67

Tetradic

68878A
7B6789
896A67
758967

Contrast Matrix WCAG 2.1 Contrast

68878A
D9E6BB
6E9899
F2EEDB
B6CD7E
—
2.9
Fail
1.2
Fail
3.3
AA Large
2.2
Fail
2.9
Fail
—
2.4
Fail
1.1
Fail
1.3
Fail
1.2
Fail
2.4
Fail
—
2.7
Fail
1.8
Fail
3.3
AA Large
1.1
Fail
2.7
Fail
—
1.5
Fail
2.2
Fail
1.3
Fail
1.8
Fail
1.5
Fail
—
White BG
3.9AA Large
1.3Fail
3.2AA Large
1.2Fail
1.7Fail
Black BG
5.4AA
16.0AAA
6.6AA
18.0AAA
12.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

757689
DFDFC5
808199
F0F0E0
C0C091

Deuteranopia

747189
DEDDC8
7E7B99
F1F1E1
BFBD96

Tritanopia

6A8989
DACECF
709999
F2E3E4
B7A0A4

Achromatopsia

7E7E7E
DDDDDD
8C8C8C
EDEDED
BDBDBD

Shades & Tints Shades & Tints

#68878A

Dark
Light

#D9E6BB

Dark
Light

#6E9899

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #68878a;
  --color-2: #d9e6bb;
  --color-3: #6e9899;
  --color-4: #f2eedb;
  --color-5: #b6cd7e;
}

SCSS

$color-1: #68878a;
$color-2: #d9e6bb;
$color-3: #6e9899;
$color-4: #f2eedb;
$color-5: #b6cd7e;

TAILWIND

colors: {
  'brand-1': '#68878a',
  'brand-2': '#d9e6bb',
  'brand-3': '#6e9899',
  'brand-4': '#f2eedb',
  'brand-5': '#b6cd7e',
}

RGB Array

[104, 135, 138], [217, 230, 187], [110, 152, 153], [242, 238, 219], [182, 205, 126]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #68878A, #D9E6BB, #6E9899, #F2EEDB, #B6CD7E is ideal for: health products, baby brands, fresh-style blogs, 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: #68878a; --color-2: #d9e6bb; --color-3: #6e9899; --color-4: #f2eedb; --color-5: #b6cd7e. 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. 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