← Back to Editor

#D6061F · #FFAB91 · #EBA894 · #D1A89B · #B39C94

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#D6061F

Vermilion · Crimson · Passion Red

HEX
#D6061F
RGB
rgb(214, 6, 31)
HSL
hsl(353, 95%, 43%)
HSB
hsb(353, 97%, 84%)
CMYK
cmyk(0%, 97%, 86%, 16%)
Oklch
oklch(55.3% 0.223 26.0)

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

#FFAB91

Peach Pink · LightSalmon · Coral Red

HEX
#FFAB91
RGB
rgb(255, 171, 145)
HSL
hsl(14, 100%, 78%)
HSB
hsb(14, 43%, 100%)
CMYK
cmyk(0%, 33%, 43%, 0%)
Oklch
oklch(81.7% 0.106 37.9)

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

#EBA894

Peach Pink · BurlyWood · Coral Red

HEX
#EBA894
RGB
rgb(235, 168, 148)
HSL
hsl(14, 69%, 75%)
HSB
hsb(14, 37%, 92%)
CMYK
cmyk(0%, 29%, 37%, 8%)
Oklch
oklch(79.0% 0.085 37.3)

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

#D1A89B

Peach Pink · Tan · Coral Red

HEX
#D1A89B
RGB
rgb(209, 168, 155)
HSL
hsl(14, 37%, 71%)
HSB
hsb(14, 26%, 82%)
CMYK
cmyk(0%, 20%, 26%, 18%)
Oklch
oklch(76.5% 0.052 38.3)

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

#B39C94

Apricot · DarkGray · Warm Sun

HEX
#B39C94
RGB
rgb(179, 156, 148)
HSL
hsl(15, 17%, 64%)
HSB
hsb(15, 17%, 70%)
CMYK
cmyk(0%, 13%, 17%, 30%)
Oklch
oklch(71.1% 0.030 40.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D6061F
05D6BE

Analogous

D60586
D6061F
D65505

Triadic

D6061F
1ED605
051ED6

Split-Comp.

D6061F
05D655
0586D6

Tetradic

D6061F
86D605
05D6BE
5505D6

Contrast Matrix WCAG 2.1 Contrast

D6061F
FFAB91
EBA894
D1A89B
B39C94
—
2.9
Fail
2.7
Fail
2.5
Fail
2.1
Fail
2.9
Fail
—
1.1
Fail
1.2
Fail
1.4
Fail
2.7
Fail
1.1
Fail
—
1.1
Fail
1.3
Fail
2.5
Fail
1.2
Fail
1.1
Fail
—
1.2
Fail
2.1
Fail
1.4
Fail
1.3
Fail
1.2
Fail
—
White BG
5.4AA
1.8Fail
2.0Fail
2.1Fail
2.6Fail
Black BG
3.9AA Large
11.5AAA
10.6AAA
9.8AAA
8.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7C7A19
DBDA97
CECD99
BFBF9E
A9A996

Deuteranopia

889818
E0E699
D2D79A
C2C59F
AAAC96

Tritanopia

CC1413
FB9C9D
E89D9E
CFA1A1
B29798

Achromatopsia

474747
C1C1C1
BABABA
B3B3B3
A2A2A2

Shades & Tints Shades & Tints

#D6061F

Dark
Light

#FFAB91

Dark
Light

#EBA894

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d6061f;
  --color-2: #ffab91;
  --color-3: #eba894;
  --color-4: #d1a89b;
  --color-5: #b39c94;
}

SCSS

$color-1: #d6061f;
$color-2: #ffab91;
$color-3: #eba894;
$color-4: #d1a89b;
$color-5: #b39c94;

TAILWIND

colors: {
  'brand-1': '#d6061f',
  'brand-2': '#ffab91',
  'brand-3': '#eba894',
  'brand-4': '#d1a89b',
  'brand-5': '#b39c94',
}

RGB Array

[214, 6, 31], [255, 171, 145], [235, 168, 148], [209, 168, 155], [179, 156, 148]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D6061F, #FFAB91, #EBA894, #D1A89B, #B39C94 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #d6061f; --color-2: #ffab91; --color-3: #eba894; --color-4: #d1a89b; --color-5: #b39c94. 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. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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