← Back to Editor

#7C5656 · #C46A6A · #D3927D · #E5C09F · #F7DEC1

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

#7C5656

Crimson · DimGray · Passion Red

HEX
#7C5656
RGB
rgb(124, 86, 86)
HSL
hsl(0, 18%, 41%)
HSB
hsb(0, 31%, 49%)
CMYK
cmyk(0%, 31%, 31%, 51%)
Oklch
oklch(49.4% 0.051 19.0)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#C46A6A

Crimson · LightCoral · Passion Red

HEX
#C46A6A
RGB
rgb(196, 106, 106)
HSL
hsl(0, 43%, 59%)
HSB
hsb(0, 46%, 77%)
CMYK
cmyk(0%, 46%, 46%, 23%)
Oklch
oklch(62.7% 0.115 20.8)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#D3927D

Apricot · DarkSalmon · Warm Sun

HEX
#D3927D
RGB
rgb(211, 146, 125)
HSL
hsl(15, 49%, 66%)
HSB
hsb(15, 41%, 83%)
CMYK
cmyk(0%, 31%, 41%, 17%)
Oklch
oklch(71.9% 0.085 38.7)

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

#E5C09F

Apricot · BurlyWood · Peach Orange

HEX
#E5C09F
RGB
rgb(229, 192, 159)
HSL
hsl(28, 57%, 76%)
HSB
hsb(28, 31%, 90%)
CMYK
cmyk(0%, 16%, 31%, 10%)
Oklch
oklch(83.2% 0.061 63.6)

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

#F7DEC1

Goose Yellow · Bisque · Peach Orange

HEX
#F7DEC1
RGB
rgb(247, 222, 193)
HSL
hsl(32, 77%, 86%)
HSB
hsb(32, 22%, 97%)
CMYK
cmyk(0%, 10%, 22%, 3%)
Oklch
oklch(91.4% 0.047 71.3)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7C5656
567B7B

Analogous

7B5669
7C5656
7B6956

Triadic

7C5656
567B56
56567B

Split-Comp.

7C5656
567B69
56697B

Tetradic

7C5656
697B56
567B7B
69567B

Contrast Matrix WCAG 2.1 Contrast

7C5656
C46A6A
D3927D
E5C09F
F7DEC1
—
1.7
Fail
2.5
Fail
3.7
AA Large
4.9
AA
1.7
Fail
—
1.5
Fail
2.2
Fail
2.9
Fail
2.5
Fail
1.5
Fail
—
1.5
Fail
2.0
Fail
3.7
AA Large
2.2
Fail
1.5
Fail
—
1.3
Fail
4.9
AA
2.9
Fail
2.0
Fail
1.3
Fail
—
White BG
6.3AA
3.7AA Large
2.6Fail
1.7Fail
1.3Fail
Black BG
3.3AA Large
5.6AA
8.2AAA
12.4AAA
16.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6C6B56
9D9C6A
B7B682
D5D5A7
ECECC8

Deuteranopia

6E7156
A2A96A
BBC083
D7DAA9
EEEFCA

Tritanopia

7A5656
C06A6A
D08687
E3ADAF
F6CECF

Achromatopsia

616161
858585
A3A3A3
C7C7C7
E2E2E2

Shades & Tints Shades & Tints

#7C5656

Dark
Light

#C46A6A

Dark
Light

#D3927D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7c5656;
  --color-2: #c46a6a;
  --color-3: #d3927d;
  --color-4: #e5c09f;
  --color-5: #f7dec1;
}

SCSS

$color-1: #7c5656;
$color-2: #c46a6a;
$color-3: #d3927d;
$color-4: #e5c09f;
$color-5: #f7dec1;

TAILWIND

colors: {
  'brand-1': '#7c5656',
  'brand-2': '#c46a6a',
  'brand-3': '#d3927d',
  'brand-4': '#e5c09f',
  'brand-5': '#f7dec1',
}

RGB Array

[124, 86, 86], [196, 106, 106], [211, 146, 125], [229, 192, 159], [247, 222, 193]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #7C5656, #C46A6A, #D3927D, #E5C09F, #F7DEC1 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: #7c5656; --color-2: #c46a6a; --color-3: #d3927d; --color-4: #e5c09f; --color-5: #f7dec1. 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