← Back to Editor

#4C281C · #D7CAC4 · #E99F9E · #F3E3D6 · #AFCFCA

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#4C281C

Tangerine · DarkOliveGreen · Cinnamon

HEX
#4C281C
RGB
rgb(76, 40, 28)
HSL
hsl(15, 46%, 20%)
HSB
hsb(15, 63%, 30%)
CMYK
cmyk(0%, 47%, 63%, 70%)
Oklch
oklch(32.1% 0.058 39.1)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#D7CAC4

Apricot · LightGray · Peach Orange

HEX
#D7CAC4
RGB
rgb(215, 202, 196)
HSL
hsl(19, 19%, 81%)
HSB
hsb(19, 9%, 84%)
CMYK
cmyk(0%, 6%, 9%, 16%)
Oklch
oklch(84.8% 0.017 46.5)

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

#E99F9E

Peach Pink · BurlyWood · Coral Red

HEX
#E99F9E
RGB
rgb(233, 159, 158)
HSL
hsl(1, 63%, 77%)
HSB
hsb(1, 32%, 91%)
CMYK
cmyk(0%, 32%, 32%, 9%)
Oklch
oklch(77.4% 0.089 20.2)

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

#F3E3D6

Apricot · Beige · Peach Orange

HEX
#F3E3D6
RGB
rgb(243, 227, 214)
HSL
hsl(27, 55%, 90%)
HSB
hsb(27, 12%, 95%)
CMYK
cmyk(0%, 7%, 12%, 5%)
Oklch
oklch(92.5% 0.025 61.6)

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

#AFCFCA

Jade · LightSteelBlue · Lake Green

HEX
#AFCFCA
RGB
rgb(175, 207, 202)
HSL
hsl(171, 25%, 75%)
HSB
hsb(171, 15%, 81%)
CMYK
cmyk(15%, 0%, 2%, 19%)
Oklch
oklch(83.0% 0.035 185.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4C281C
1C3F4A

Analogous

4A1C27
4C281C
4A3F1C

Triadic

4C281C
1C4A27
271C4A

Split-Comp.

4C281C
1C4A3F
1C274A

Tetradic

4C281C
274A1C
1C3F4A
3F1C4A

Contrast Matrix WCAG 2.1 Contrast

4C281C
D7CAC4
E99F9E
F3E3D6
AFCFCA
—
8.1
AAA
6.1
AA
10.3
AAA
7.7
AAA
8.1
AAA
—
1.3
Fail
1.3
Fail
1.0
Fail
6.1
AA
1.3
Fail
—
1.7
Fail
1.3
Fail
10.3
AAA
1.3
Fail
1.7
Fail
—
1.3
Fail
7.7
AAA
1.0
Fail
1.3
Fail
1.3
Fail
—
White BG
12.9AAA
1.6Fail
2.1Fail
1.3Fail
1.7Fail
Black BG
1.6Fail
13.1AAA
9.9AAA
16.8AAA
12.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3C3C1F
D1D1C5
C9C89E
ECECD9
BDBDCB

Deuteranopia

3F4120
D2D3C6
CDD39E
EDEEDA
BBB9CB

Tritanopia

4A2122
D6C7C7
E59E9E
F2DCDC
B1CCCC

Achromatopsia

313131
CDCDCD
B5B5B5
E6E6E6
C5C5C5

Shades & Tints Shades & Tints

#4C281C

Dark
Light

#D7CAC4

Dark
Light

#E99F9E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4c281c;
  --color-2: #d7cac4;
  --color-3: #e99f9e;
  --color-4: #f3e3d6;
  --color-5: #afcfca;
}

SCSS

$color-1: #4c281c;
$color-2: #d7cac4;
$color-3: #e99f9e;
$color-4: #f3e3d6;
$color-5: #afcfca;

TAILWIND

colors: {
  'brand-1': '#4c281c',
  'brand-2': '#d7cac4',
  'brand-3': '#e99f9e',
  'brand-4': '#f3e3d6',
  'brand-5': '#afcfca',
}

RGB Array

[76, 40, 28], [215, 202, 196], [233, 159, 158], [243, 227, 214], [175, 207, 202]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #4C281C, #D7CAC4, #E99F9E, #F3E3D6, #AFCFCA 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: #4c281c; --color-2: #d7cac4; --color-3: #e99f9e; --color-4: #f3e3d6; --color-5: #afcfca. 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