← Back to Editor

#B6CD7E · #E1F69B · #FFFDF2 · #A4AFA9 · #516A6C

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

#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

#E1F69B

Willow Green · Khaki · Apple Green

HEX
#E1F69B
RGB
rgb(225, 246, 155)
HSL
hsl(74, 83%, 79%)
HSB
hsb(74, 37%, 96%)
CMYK
cmyk(9%, 0%, 37%, 4%)
Oklch
oklch(93.7% 0.117 119.3)

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

#FFFDF2

Fresh Green · Snow · Lemon Cream

HEX
#FFFDF2
RGB
rgb(255, 253, 242)
HSL
hsl(51, 100%, 97%)
HSB
hsb(51, 5%, 100%)
CMYK
cmyk(0%, 1%, 5%, 0%)
Oklch
oklch(99.3% 0.015 98.3)

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

#A4AFA9

Ash · DarkGray · Silver Sand

HEX
#A4AFA9
RGB
rgb(164, 175, 169)
HSL
hsl(147, 6%, 66%)
HSB
hsb(147, 6%, 69%)
CMYK
cmyk(6%, 0%, 3%, 31%)
Oklch
oklch(74.4% 0.015 162.3)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#516A6C

Slate Blue · DimGray · Mint Ice

HEX
#516A6C
RGB
rgb(81, 106, 108)
HSL
hsl(184, 14%, 37%)
HSB
hsb(184, 25%, 42%)
CMYK
cmyk(25%, 2%, 0%, 58%)
Oklch
oklch(50.5% 0.030 202.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B6CD7E
957ECD

Analogous

CDBC7E
B6CD7E
8FCD7E

Triadic

B6CD7E
7EB7CD
CD7EB7

Split-Comp.

B6CD7E
7E8FCD
BC7ECD

Tetradic

B6CD7E
7ECDBC
957ECD
CD7E8F

Contrast Matrix WCAG 2.1 Contrast

B6CD7E
E1F69B
FFFDF2
A4AFA9
516A6C
—
1.5
Fail
1.7
Fail
1.3
Fail
3.3
AA Large
1.5
Fail
—
1.2
Fail
1.9
Fail
4.9
AA
1.7
Fail
1.2
Fail
—
2.2
Fail
5.7
AA
1.3
Fail
1.9
Fail
2.2
Fail
—
2.6
Fail
3.3
AA Large
4.9
AA
5.7
AA
2.6
Fail
—
White BG
1.7Fail
1.2Fail
1.0Fail
2.3Fail
5.8AA
Black BG
12.0AAA
17.9AAA
20.6AAA
9.3AAA
3.6AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

C0C091
EAEAB1
FEFEF5
A9A9AA
5C5C6C

Deuteranopia

BFBD96
E9E7B6
FEFEF5
A8A7AB
5A596B

Tritanopia

B7A0A4
E2C2C6
FFF7F7
A5ACAC
526B6B

Achromatopsia

BDBDBD
E5E5E5
FCFCFC
ABABAB
636363

Shades & Tints Shades & Tints

#B6CD7E

Dark
Light

#E1F69B

Dark
Light

#FFFDF2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b6cd7e;
  --color-2: #e1f69b;
  --color-3: #fffdf2;
  --color-4: #a4afa9;
  --color-5: #516a6c;
}

SCSS

$color-1: #b6cd7e;
$color-2: #e1f69b;
$color-3: #fffdf2;
$color-4: #a4afa9;
$color-5: #516a6c;

TAILWIND

colors: {
  'brand-1': '#b6cd7e',
  'brand-2': '#e1f69b',
  'brand-3': '#fffdf2',
  'brand-4': '#a4afa9',
  'brand-5': '#516a6c',
}

RGB Array

[182, 205, 126], [225, 246, 155], [255, 253, 242], [164, 175, 169], [81, 106, 108]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B6CD7E, #E1F69B, #FFFDF2, #A4AFA9, #516A6C 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: #b6cd7e; --color-2: #e1f69b; --color-3: #fffdf2; --color-4: #a4afa9; --color-5: #516a6c. 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