← Back to Editor

#3C2C2D · #A7A8A3 · #C6B4A6 · #FFDAC9 · #FABBAA

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#3C2C2D

Crimson · DarkSlateGray · Deep Berry

HEX
#3C2C2D
RGB
rgb(60, 44, 45)
HSL
hsl(356, 15%, 20%)
HSB
hsb(356, 27%, 24%)
CMYK
cmyk(0%, 27%, 25%, 76%)
Oklch
oklch(31.2% 0.024 14.3)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#A7A8A3

Ash · DarkGray · Silver Sand

HEX
#A7A8A3
RGB
rgb(167, 168, 163)
HSL
hsl(72, 3%, 65%)
HSB
hsb(72, 3%, 66%)
CMYK
cmyk(1%, 0%, 3%, 34%)
Oklch
oklch(72.9% 0.007 115.8)

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

#C6B4A6

Apricot · Tan · Warm Sun

HEX
#C6B4A6
RGB
rgb(198, 180, 166)
HSL
hsl(26, 22%, 71%)
HSB
hsb(26, 16%, 78%)
CMYK
cmyk(0%, 9%, 16%, 22%)
Oklch
oklch(78.1% 0.028 60.3)

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

#FFDAC9

Apricot · Bisque · Peach Orange

HEX
#FFDAC9
RGB
rgb(255, 218, 201)
HSL
hsl(19, 100%, 89%)
HSB
hsb(19, 21%, 100%)
CMYK
cmyk(0%, 15%, 21%, 0%)
Oklch
oklch(91.5% 0.047 46.1)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#FABBAA

Peach Pink · LightPink · Cherry Blossom

HEX
#FABBAA
RGB
rgb(250, 187, 170)
HSL
hsl(13, 89%, 82%)
HSB
hsb(13, 32%, 98%)
CMYK
cmyk(0%, 25%, 32%, 2%)
Oklch
oklch(84.5% 0.077 35.6)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

3C2C2D
2B3B3A

Analogous

3B2B34
3C2C2D
3B322B

Triadic

3C2C2D
2C3B2B
2B2C3B

Split-Comp.

3C2C2D
2B3B32
2B343B

Tetradic

3C2C2D
343B2B
2B3B3A
322B3B

Contrast Matrix WCAG 2.1 Contrast

3C2C2D
A7A8A3
C6B4A6
FFDAC9
FABBAA
—
5.5
AA
6.6
AA
10.1
AAA
8.0
AAA
5.5
AA
—
1.2
Fail
1.8
Fail
1.5
Fail
6.6
AA
1.2
Fail
—
1.5
Fail
1.2
Fail
10.1
AAA
1.8
Fail
1.5
Fail
—
1.3
Fail
8.0
AAA
1.5
Fail
1.2
Fail
1.3
Fail
—
White BG
13.2AAA
2.4Fail
2.0Fail
1.3Fail
1.6Fail
Black BG
1.6Fail
8.8AAA
10.5AAA
16.1AAA
12.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

35352D
A7A7A4
BEBEA9
EFEFCD
DFDEAE

Deuteranopia

36372D
A7A7A5
BFC1AA
F1F4CE
E2E7AF

Tritanopia

3B2D2D
A7A5A5
C5ACAD
FDD0D1
F7B1B2

Achromatopsia

313131
A7A7A7
B8B8B8
E3E3E3
CCCCCC

Shades & Tints Shades & Tints

#3C2C2D

Dark
Light

#A7A8A3

Dark
Light

#C6B4A6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #3c2c2d;
  --color-2: #a7a8a3;
  --color-3: #c6b4a6;
  --color-4: #ffdac9;
  --color-5: #fabbaa;
}

SCSS

$color-1: #3c2c2d;
$color-2: #a7a8a3;
$color-3: #c6b4a6;
$color-4: #ffdac9;
$color-5: #fabbaa;

TAILWIND

colors: {
  'brand-1': '#3c2c2d',
  'brand-2': '#a7a8a3',
  'brand-3': '#c6b4a6',
  'brand-4': '#ffdac9',
  'brand-5': '#fabbaa',
}

RGB Array

[60, 44, 45], [167, 168, 163], [198, 180, 166], [255, 218, 201], [250, 187, 170]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #3C2C2D, #A7A8A3, #C6B4A6, #FFDAC9, #FABBAA 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: #3c2c2d; --color-2: #a7a8a3; --color-3: #c6b4a6; --color-4: #ffdac9; --color-5: #fabbaa. 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