← Back to Editor

#A8C3C2 · #B6B9A1 · #E0968A · #EB6191 · #403B45

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

#A8C3C2

Jade · Silver · Lake Green

HEX
#A8C3C2
RGB
rgb(168, 195, 194)
HSL
hsl(178, 18%, 71%)
HSB
hsb(178, 14%, 76%)
CMYK
cmyk(14%, 0%, 1%, 24%)
Oklch
oklch(79.7% 0.029 193.8)

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

#B6B9A1

Fresh Green · DarkGray · Sunflower

HEX
#B6B9A1
RGB
rgb(182, 185, 161)
HSL
hsl(67, 15%, 68%)
HSB
hsb(67, 13%, 73%)
CMYK
cmyk(2%, 0%, 13%, 27%)
Oklch
oklch(77.7% 0.033 113.0)

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

#E0968A

Peach Pink · DarkSalmon · Coral Red

HEX
#E0968A
RGB
rgb(224, 150, 138)
HSL
hsl(8, 58%, 71%)
HSB
hsb(8, 38%, 88%)
CMYK
cmyk(0%, 33%, 38%, 12%)
Oklch
oklch(74.4% 0.092 29.5)

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

#EB6191

Rouge · LightCoral · Rose Pink

HEX
#EB6191
RGB
rgb(235, 97, 145)
HSL
hsl(339, 78%, 65%)
HSB
hsb(339, 59%, 92%)
CMYK
cmyk(0%, 59%, 38%, 8%)
Oklch
oklch(67.9% 0.176 1.2)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#403B45

Dark Plum · DarkSlateGray · Dark Stone

HEX
#403B45
RGB
rgb(64, 59, 69)
HSL
hsl(270, 8%, 25%)
HSB
hsb(270, 14%, 27%)
CMYK
cmyk(7%, 14%, 0%, 73%)
Oklch
oklch(36.1% 0.018 307.9)

Traditional「Dark Plum」· Paint「Dark Stone」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A8C3C2
C2A8A9

Analogous

A8C2B4
A8C3C2
A8B6C2

Triadic

A8C3C2
C1A8C2
C2C1A8

Split-Comp.

A8C3C2
C2A8B6
C2B4A8

Tetradic

A8C3C2
B4A8C2
C2A8A9
B6C2A8

Contrast Matrix WCAG 2.1 Contrast

A8C3C2
B6B9A1
E0968A
EB6191
403B45
—
1.1
Fail
1.3
Fail
1.7
Fail
5.8
AA
1.1
Fail
—
1.2
Fail
1.6
Fail
5.4
AA
1.3
Fail
1.2
Fail
—
1.3
Fail
4.6
AA
1.7
Fail
1.6
Fail
1.3
Fail
—
3.4
AA Large
5.8
AA
5.4
AA
4.6
AA
3.4
AA Large
—
White BG
1.9Fail
2.0Fail
2.4Fail
3.2AA Large
10.9AAA
Black BG
11.3AAA
10.4AAA
8.9AAA
6.7AA
1.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B4B4C2
B7B7A7
C0BF8D
AFAE85
3E3E43

Deuteranopia

B2B0C2
B7B7A8
C4CA8E
B7C283
3E3F42

Tritanopia

A9C2C2
B6ABAC
DC8F90
E47C7A
404140

Achromatopsia

BBBBBB
B5B5B5
ABABAB
909090
3E3E3E

Shades & Tints Shades & Tints

#A8C3C2

Dark
Light

#B6B9A1

Dark
Light

#E0968A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a8c3c2;
  --color-2: #b6b9a1;
  --color-3: #e0968a;
  --color-4: #eb6191;
  --color-5: #403b45;
}

SCSS

$color-1: #a8c3c2;
$color-2: #b6b9a1;
$color-3: #e0968a;
$color-4: #eb6191;
$color-5: #403b45;

TAILWIND

colors: {
  'brand-1': '#a8c3c2',
  'brand-2': '#b6b9a1',
  'brand-3': '#e0968a',
  'brand-4': '#eb6191',
  'brand-5': '#403b45',
}

RGB Array

[168, 195, 194], [182, 185, 161], [224, 150, 138], [235, 97, 145], [64, 59, 69]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A8C3C2, #B6B9A1, #E0968A, #EB6191, #403B45 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: #a8c3c2; --color-2: #b6b9a1; --color-3: #e0968a; --color-4: #eb6191; --color-5: #403b45. 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