#A3ABA9 + #BBA29A + #CB9B91 + #D9958A + #EF8A8A - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#A3ABA9

Ash · DarkGray · Silver Sand

HEX

#A3ABA9

RGB

rgb(163, 171, 169)

HSL

hsl(165, 5%, 65%)

HSB

hsb(165, 5%, 67%)

CMYK

cmyk(5%, 0%, 1%, 33%)

Oklch

oklch(73.4% 0.009 179.5)

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

#BBA29A

Apricot · DarkGray · Warm Sun

HEX

#BBA29A

RGB

rgb(187, 162, 154)

HSL

hsl(15, 20%, 67%)

HSB

hsb(15, 18%, 73%)

CMYK

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

Oklch

oklch(73.2% 0.032 38.5)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#CB9B91

Peach Pink · Tan · Coral Red

HEX

#CB9B91

RGB

rgb(203, 155, 145)

HSL

hsl(10, 36%, 68%)

HSB

hsb(10, 29%, 80%)

CMYK

cmyk(0%, 24%, 29%, 20%)

Oklch

oklch(73.2% 0.060 31.9)

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

#D9958A

Peach Pink · DarkSalmon · Coral Red

HEX

#D9958A

RGB

rgb(217, 149, 138)

HSL

hsl(8, 51%, 70%)

HSB

hsb(8, 36%, 85%)

CMYK

cmyk(0%, 31%, 36%, 15%)

Oklch

oklch(73.4% 0.084 29.4)

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

#EF8A8A

Peach Pink · LightCoral · Coral Red

HEX

#EF8A8A

RGB

rgb(239, 138, 138)

HSL

hsl(0, 76%, 74%)

HSB

hsb(0, 42%, 94%)

CMYK

cmyk(0%, 42%, 42%, 6%)

Oklch

oklch(74.1% 0.123 20.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A3ABA9

AAA1A4

Analogous

A1AAA4

A3ABA9

A1A8AA

Triadic

A3ABA9

A8A1AA

AAA8A1

Split-Comp.

A3ABA9

AAA1A8

AAA4A1

Tetradic

A3ABA9

A4A1AA

AAA1A4

A8AAA1

Contrast Matrix WCAG 2.1 Contrast

A3ABA9	BBA29A	CB9B91	D9958A	EF8A8A
—	1.0 Fail	1.0 Fail	1.0 Fail	1.0 Fail
1.0 Fail	—	1.0 Fail	1.0 Fail	1.0 Fail
1.0 Fail	1.0 Fail	—	1.0 Fail	1.0 Fail
1.0 Fail	1.0 Fail	1.0 Fail	—	1.0 Fail
1.0 Fail	1.0 Fail	1.0 Fail	1.0 Fail	—

White BG

2.3Fail

2.4Fail

Black BG

9.0AAA

8.7AAA

8.6AAA

8.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A6A7A9

B0B09C

B6B693

BCBB8D

C3C28A

Deuteranopia

A6A5AA

B2B49C

B9BD94

C0C58D

C9D18A

Tritanopia

A3AAAA

BA9D9E

C99596

D68F8F

EA8A8A

Achromatopsia

A8A8A8

A9A9A9

A8A8A8

Shades & Tints Shades & Tints

#A3ABA9

Dark

Light

#BBA29A

Dark

Light

#CB9B91

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a3aba9;
  --color-2: #bba29a;
  --color-3: #cb9b91;
  --color-4: #d9958a;
  --color-5: #ef8a8a;
}

SCSS

$color-1: #a3aba9;
$color-2: #bba29a;
$color-3: #cb9b91;
$color-4: #d9958a;
$color-5: #ef8a8a;

TAILWIND

colors: {
  'brand-1': '#a3aba9',
  'brand-2': '#bba29a',
  'brand-3': '#cb9b91',
  'brand-4': '#d9958a',
  'brand-5': '#ef8a8a',
}

RGB Array

[163, 171, 169], [187, 162, 154], [203, 155, 145], [217, 149, 138], [239, 138, 138]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A3ABA9, #BBA29A, #CB9B91, #D9958A, #EF8A8A 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: #a3aba9; --color-2: #bba29a; --color-3: #cb9b91; --color-4: #d9958a; --color-5: #ef8a8a. 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