#A9D2B4 + #C56C8A + #E8F7C0 + #E67B6B + #9B6A66 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#A9D2B4

Celadon · Silver · Apple Green

HEX

#A9D2B4

RGB

rgb(169, 210, 180)

HSL

hsl(136, 31%, 74%)

HSB

hsb(136, 20%, 82%)

CMYK

cmyk(20%, 0%, 14%, 18%)

Oklch

oklch(82.6% 0.060 153.2)

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

#C56C8A

Dark Violet · LightCoral · Rose Pink

HEX

#C56C8A

RGB

rgb(197, 108, 138)

HSL

hsl(340, 43%, 60%)

HSB

hsb(340, 45%, 77%)

CMYK

cmyk(0%, 45%, 30%, 23%)

Oklch

oklch(64.0% 0.117 359.4)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#E8F7C0

Willow Green · Bisque · Mint Green

HEX

#E8F7C0

RGB

rgb(232, 247, 192)

HSL

hsl(76, 77%, 86%)

HSB

hsb(76, 22%, 97%)

CMYK

cmyk(6%, 0%, 22%, 3%)

Oklch

oklch(95.1% 0.073 120.2)

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

#E67B6B

Peach Pink · Salmon · Coral Red

HEX

#E67B6B

RGB

rgb(230, 123, 107)

HSL

hsl(8, 71%, 66%)

HSB

hsb(8, 53%, 90%)

CMYK

cmyk(0%, 47%, 53%, 10%)

Oklch

oklch(69.9% 0.135 29.8)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#9B6A66

Crimson · Gray · Passion Red

HEX

#9B6A66

RGB

rgb(155, 106, 102)

HSL

hsl(5, 21%, 50%)

HSB

hsb(5, 34%, 61%)

CMYK

cmyk(0%, 32%, 34%, 39%)

Oklch

oklch(57.4% 0.064 24.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A9D2B4

D1A8C6

Analogous

B2D1A8

A9D2B4

A8D1C8

Triadic

A9D2B4

B3A8D1

D1B3A8

Split-Comp.

A9D2B4

C8A8D1

D1A8B2

Tetradic

A9D2B4

A8B2D1

D1A8C6

D1C8A8

Contrast Matrix WCAG 2.1 Contrast

A9D2B4	C56C8A	E8F7C0	E67B6B	9B6A66
—	2.1 Fail	1.5 Fail	1.7 Fail	2.7 Fail
2.1 Fail	—	3.1 AA Large	1.3 Fail	1.3 Fail
1.5 Fail	3.1 AA Large	—	2.5 Fail	4.0 AA Large
1.7 Fail	1.3 Fail	2.5 Fail	—	1.6 Fail
2.7 Fail	1.3 Fail	4.0 AA Large	1.6 Fail	—

White BG

1.7Fail

3.6AA Large

1.1Fail

2.8Fail

4.5AA

Black BG

12.6AAA

5.9AA

18.5AAA

7.4AAA

4.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BBBBBB

9E9E83

EEEFCD

B8B76F

868567

Deuteranopia

B8B5BD

A4AA81

EEECD0

BEC670

898C67

Tritanopia

ABC1C2

C17D7C

E9D8DA

E17273

996868

Achromatopsia

C2C2C2

8A8A8A

ECECEC

999999

787878

Shades & Tints Shades & Tints

#A9D2B4

Dark

Light

#C56C8A

Dark

Light

#E8F7C0

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a9d2b4;
  --color-2: #c56c8a;
  --color-3: #e8f7c0;
  --color-4: #e67b6b;
  --color-5: #9b6a66;
}

SCSS

$color-1: #a9d2b4;
$color-2: #c56c8a;
$color-3: #e8f7c0;
$color-4: #e67b6b;
$color-5: #9b6a66;

TAILWIND

colors: {
  'brand-1': '#a9d2b4',
  'brand-2': '#c56c8a',
  'brand-3': '#e8f7c0',
  'brand-4': '#e67b6b',
  'brand-5': '#9b6a66',
}

RGB Array

[169, 210, 180], [197, 108, 138], [232, 247, 192], [230, 123, 107], [155, 106, 102]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A9D2B4, #C56C8A, #E8F7C0, #E67B6B, #9B6A66 is ideal for: health products, baby brands, fresh-style blogs. 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: #a9d2b4; --color-2: #c56c8a; --color-3: #e8f7c0; --color-4: #e67b6b; --color-5: #9b6a66. 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 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