#A9C2B2 + #BEBBB4 + #D1B2B5 + #E3A3B0 + #F79494 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#A9C2B2

Celadon · DarkGray · Apple Green

HEX

#A9C2B2

RGB

rgb(169, 194, 178)

HSL

hsl(142, 17%, 71%)

HSB

hsb(142, 13%, 76%)

CMYK

cmyk(13%, 0%, 8%, 24%)

Oklch

oklch(79.1% 0.035 157.4)

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

#BEBBB4

Silver Gray · Silver · Pearl Gray

HEX

#BEBBB4

RGB

rgb(190, 187, 180)

HSL

hsl(42, 7%, 73%)

HSB

hsb(42, 5%, 75%)

CMYK

cmyk(0%, 2%, 5%, 25%)

Oklch

oklch(79.2% 0.010 87.5)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

#D1B2B5

Peach Pink · Silver · Coral Red

HEX

#D1B2B5

RGB

rgb(209, 178, 181)

HSL

hsl(354, 25%, 76%)

HSB

hsb(354, 15%, 82%)

CMYK

cmyk(0%, 15%, 13%, 18%)

Oklch

oklch(79.1% 0.036 11.3)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#E3A3B0

Peach Pink · LightPink · Coral Red

HEX

#E3A3B0

RGB

rgb(227, 163, 176)

HSL

hsl(348, 53%, 76%)

HSB

hsb(348, 28%, 89%)

CMYK

cmyk(0%, 28%, 22%, 11%)

Oklch

oklch(78.0% 0.077 5.6)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#F79494

Peach Pink · LightCoral · Coral Red

HEX

#F79494

RGB

rgb(247, 148, 148)

HSL

hsl(0, 86%, 77%)

HSB

hsb(0, 40%, 97%)

CMYK

cmyk(0%, 40%, 40%, 3%)

Oklch

oklch(77.0% 0.120 20.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A9C2B2

C2A8B8

Analogous

ACC2A8

A9C2B2

A8C2BE

Triadic

A9C2B2

B2A8C2

C2B2A8

Split-Comp.

A9C2B2

BEA8C2

C2A8AC

Tetradic

A9C2B2

A8ACC2

C2A8B8

C2BEA8

Contrast Matrix WCAG 2.1 Contrast

A9C2B2	BEBBB4	D1B2B5	E3A3B0	F79494
—	1.0 Fail	1.0 Fail	1.1 Fail	1.1 Fail
1.0 Fail	—	1.0 Fail	1.1 Fail	1.1 Fail
1.0 Fail	1.0 Fail	—	1.1 Fail	1.1 Fail
1.1 Fail	1.1 Fail	1.1 Fail	—	1.1 Fail
1.1 Fail	1.1 Fail	1.1 Fail	1.1 Fail	—

White BG

1.9Fail

2.0Fail

2.1Fail

2.2Fail

Black BG

11.0AAA

10.7AAA

10.1AAA

9.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B4B4B6

BDBDB6

C4C3B4

C7C7AD

CCCB94

Deuteranopia

B2B1B7

BDBDB6

C5C8B4

CBD0AC

D2D994

Tritanopia

AAB9BA

BEB7B7

CFB4B4

E0AAAA

F29494

Achromatopsia

B9B9B9

BBBBBB

BCBCBC

B8B8B8

B2B2B2

Shades & Tints Shades & Tints

#A9C2B2

Dark

Light

#BEBBB4

Dark

Light

#D1B2B5

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a9c2b2;
  --color-2: #bebbb4;
  --color-3: #d1b2b5;
  --color-4: #e3a3b0;
  --color-5: #f79494;
}

SCSS

$color-1: #a9c2b2;
$color-2: #bebbb4;
$color-3: #d1b2b5;
$color-4: #e3a3b0;
$color-5: #f79494;

TAILWIND

colors: {
  'brand-1': '#a9c2b2',
  'brand-2': '#bebbb4',
  'brand-3': '#d1b2b5',
  'brand-4': '#e3a3b0',
  'brand-5': '#f79494',
}

RGB Array

[169, 194, 178], [190, 187, 180], [209, 178, 181], [227, 163, 176], [247, 148, 148]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A9C2B2, #BEBBB4, #D1B2B5, #E3A3B0, #F79494 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: #a9c2b2; --color-2: #bebbb4; --color-3: #d1b2b5; --color-4: #e3a3b0; --color-5: #f79494. 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