← Back to Editor

#3C4A71 · #EAAE92 · #DAB89D · #EAABA2 · #F6A09F

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

#3C4A71

Indigo · DarkSlateBlue · Prussian Blue

HEX
#3C4A71
RGB
rgb(60, 74, 113)
HSL
hsl(224, 31%, 34%)
HSB
hsb(224, 47%, 44%)
CMYK
cmyk(47%, 35%, 0%, 56%)
Oklch
oklch(41.5% 0.068 268.3)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#EAAE92

Apricot · BurlyWood · Warm Sun

HEX
#EAAE92
RGB
rgb(234, 174, 146)
HSL
hsl(19, 68%, 75%)
HSB
hsb(19, 38%, 92%)
CMYK
cmyk(0%, 26%, 38%, 8%)
Oklch
oklch(80.0% 0.081 46.1)

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

#DAB89D

Apricot · Tan · Warm Sun

HEX
#DAB89D
RGB
rgb(218, 184, 157)
HSL
hsl(27, 45%, 74%)
HSB
hsb(27, 28%, 85%)
CMYK
cmyk(0%, 16%, 28%, 15%)
Oklch
oklch(80.5% 0.054 60.4)

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

#EAABA2

Peach Pink · BurlyWood · Coral Red

HEX
#EAABA2
RGB
rgb(234, 171, 162)
HSL
hsl(7, 63%, 78%)
HSB
hsb(7, 31%, 92%)
CMYK
cmyk(0%, 27%, 31%, 8%)
Oklch
oklch(79.8% 0.076 28.0)

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

#F6A09F

Peach Pink · LightSalmon · Coral Red

HEX
#F6A09F
RGB
rgb(246, 160, 159)
HSL
hsl(1, 83%, 79%)
HSB
hsb(1, 35%, 96%)
CMYK
cmyk(0%, 35%, 35%, 4%)
Oklch
oklch(79.1% 0.103 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

3C4A71
72633C

Analogous

3C6572
3C4A71
483C72

Triadic

3C4A71
723C4A
4A723C

Split-Comp.

3C4A71
72483C
65723C

Tetradic

3C4A71
723C65
72633C
3C7248

Contrast Matrix WCAG 2.1 Contrast

3C4A71
EAAE92
DAB89D
EAABA2
F6A09F
—
4.6
AA
4.7
AA
4.5
AA Large
4.3
AA Large
4.6
AA
—
1.0
Fail
1.0
Fail
1.0
Fail
4.7
AA
1.0
Fail
—
1.0
Fail
1.1
Fail
4.5
AA Large
1.0
Fail
1.0
Fail
—
1.0
Fail
4.3
AA Large
1.0
Fail
1.1
Fail
1.0
Fail
—
White BG
8.7AAA
1.9Fail
1.9Fail
1.9Fail
2.0Fail
Black BG
2.4Fail
11.0AAA
11.3AAA
10.8AAA
10.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

424268
D0CF99
CBCBA4
CFCEA4
D1D09F

Deuteranopia

414065
D4D89A
CDD0A5
D2D7A5
D6DC9F

Tritanopia

3D605E
E79E9F
D8A9AA
E7A6A6
F29F9F

Achromatopsia

4A4A4A
BDBDBD
BFBFBF
BDBDBD
BABABA

Shades & Tints Shades & Tints

#3C4A71

Dark
Light

#EAAE92

Dark
Light

#DAB89D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #3c4a71;
  --color-2: #eaae92;
  --color-3: #dab89d;
  --color-4: #eaaba2;
  --color-5: #f6a09f;
}

SCSS

$color-1: #3c4a71;
$color-2: #eaae92;
$color-3: #dab89d;
$color-4: #eaaba2;
$color-5: #f6a09f;

TAILWIND

colors: {
  'brand-1': '#3c4a71',
  'brand-2': '#eaae92',
  'brand-3': '#dab89d',
  'brand-4': '#eaaba2',
  'brand-5': '#f6a09f',
}

RGB Array

[60, 74, 113], [234, 174, 146], [218, 184, 157], [234, 171, 162], [246, 160, 159]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #3C4A71, #EAAE92, #DAB89D, #EAABA2, #F6A09F 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: #3c4a71; --color-2: #eaae92; --color-3: #dab89d; --color-4: #eaaba2; --color-5: #f6a09f. 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