← Back to Editor

#447673 · #FCA883 · #E8B7A2 · #E6CCC1 · #DBD6D3

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

#447673

Mineral Blue · DimGray · Mint Ice

HEX
#447673
RGB
rgb(68, 118, 115)
HSL
hsl(176, 27%, 36%)
HSB
hsb(176, 42%, 46%)
CMYK
cmyk(42%, 0%, 3%, 54%)
Oklch
oklch(53.0% 0.054 190.7)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#FCA883

Apricot · LightSalmon · Warm Sun

HEX
#FCA883
RGB
rgb(252, 168, 131)
HSL
hsl(18, 95%, 75%)
HSB
hsb(18, 48%, 99%)
CMYK
cmyk(0%, 33%, 48%, 1%)
Oklch
oklch(80.6% 0.112 44.5)

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

#E8B7A2

Apricot · BurlyWood · Peach Orange

HEX
#E8B7A2
RGB
rgb(232, 183, 162)
HSL
hsl(18, 60%, 77%)
HSB
hsb(18, 30%, 91%)
CMYK
cmyk(0%, 21%, 30%, 9%)
Oklch
oklch(81.8% 0.064 44.4)

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

#E6CCC1

Apricot · LightGray · Peach Orange

HEX
#E6CCC1
RGB
rgb(230, 204, 193)
HSL
hsl(18, 43%, 83%)
HSB
hsb(18, 16%, 90%)
CMYK
cmyk(0%, 11%, 16%, 10%)
Oklch
oklch(86.4% 0.033 44.3)

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

#DBD6D3

Apricot · LightGray · Peach Orange

HEX
#DBD6D3
RGB
rgb(219, 214, 211)
HSL
hsl(23, 10%, 84%)
HSB
hsb(23, 4%, 86%)
CMYK
cmyk(0%, 2%, 4%, 14%)
Oklch
oklch(87.9% 0.007 53.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

447673
754346

Analogous

437558
447673
435F75

Triadic

447673
714375
757143

Split-Comp.

447673
75435F
755843

Tetradic

447673
584375
754346
5F7543

Contrast Matrix WCAG 2.1 Contrast

447673
FCA883
E8B7A2
E6CCC1
DBD6D3
—
2.7
Fail
2.9
Fail
3.4
AA Large
3.6
AA Large
2.7
Fail
—
1.1
Fail
1.2
Fail
1.3
Fail
2.9
Fail
1.1
Fail
—
1.2
Fail
1.2
Fail
3.4
AA Large
1.2
Fail
1.2
Fail
—
1.1
Fail
3.6
AA Large
1.3
Fail
1.2
Fail
1.1
Fail
—
White BG
5.1AA
1.9Fail
1.8Fail
1.5Fail
1.4Fail
Black BG
4.1AA Large
11.1AAA
11.7AAA
13.8AAA
14.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5A5A74
D8D78C
D3D2A7
DBDBC4
D9D9D4

Deuteranopia

575374
DDE38E
D6D9A8
DCDEC4
D9DAD4

Tritanopia

477474
F89395
E6ABAC
E5C6C6
DBD4D4

Achromatopsia

676767
BDBDBD
C3C3C3
D3D3D3
D7D7D7

Shades & Tints Shades & Tints

#447673

Dark
Light

#FCA883

Dark
Light

#E8B7A2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #447673;
  --color-2: #fca883;
  --color-3: #e8b7a2;
  --color-4: #e6ccc1;
  --color-5: #dbd6d3;
}

SCSS

$color-1: #447673;
$color-2: #fca883;
$color-3: #e8b7a2;
$color-4: #e6ccc1;
$color-5: #dbd6d3;

TAILWIND

colors: {
  'brand-1': '#447673',
  'brand-2': '#fca883',
  'brand-3': '#e8b7a2',
  'brand-4': '#e6ccc1',
  'brand-5': '#dbd6d3',
}

RGB Array

[68, 118, 115], [252, 168, 131], [232, 183, 162], [230, 204, 193], [219, 214, 211]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #447673, #FCA883, #E8B7A2, #E6CCC1, #DBD6D3 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: #447673; --color-2: #fca883; --color-3: #e8b7a2; --color-4: #e6ccc1; --color-5: #dbd6d3. 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