← Back to Editor

#D9AB89 · #E88F6D · #FA617D · #B92A6C · #1B1B41

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#D9AB89

Apricot · Tan · Warm Sun

HEX
#D9AB89
RGB
rgb(217, 171, 137)
HSL
hsl(25, 51%, 69%)
HSB
hsb(25, 37%, 85%)
CMYK
cmyk(0%, 21%, 37%, 15%)
Oklch
oklch(77.5% 0.071 57.9)

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

#E88F6D

Apricot · DarkSalmon · Warm Sun

HEX
#E88F6D
RGB
rgb(232, 143, 109)
HSL
hsl(17, 73%, 67%)
HSB
hsb(17, 53%, 91%)
CMYK
cmyk(0%, 38%, 53%, 9%)
Oklch
oklch(73.5% 0.118 41.5)

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

#FA617D

Peach Pink · LightCoral · Coral Red

HEX
#FA617D
RGB
rgb(250, 97, 125)
HSL
hsl(349, 94%, 68%)
HSB
hsb(349, 61%, 98%)
CMYK
cmyk(0%, 61%, 50%, 2%)
Oklch
oklch(69.6% 0.187 12.3)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#B92A6C

Dark Violet · MediumVioletRed · Camellia

HEX
#B92A6C
RGB
rgb(185, 42, 108)
HSL
hsl(332, 63%, 45%)
HSB
hsb(332, 77%, 73%)
CMYK
cmyk(0%, 77%, 42%, 27%)
Oklch
oklch(53.2% 0.186 357.9)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#1B1B41

Deep Indigo · MidnightBlue · Deep Sea Blue

HEX
#1B1B41
RGB
rgb(27, 27, 65)
HSL
hsl(240, 41%, 18%)
HSB
hsb(240, 58%, 25%)
CMYK
cmyk(58%, 58%, 0%, 75%)
Oklch
oklch(24.6% 0.070 279.9)

Traditional「Deep Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D9AB89
88B7D8

Analogous

D8888E
D9AB89
D8D288

Triadic

D9AB89
88D8A9
A988D8

Split-Comp.

D9AB89
88D8D2
888ED8

Tetradic

D9AB89
8ED888
88B7D8
D288D8

Contrast Matrix WCAG 2.1 Contrast

D9AB89
E88F6D
FA617D
B92A6C
1B1B41
—
1.2
Fail
1.4
Fail
2.8
Fail
7.9
AAA
1.2
Fail
—
1.2
Fail
2.4
Fail
6.7
AA
1.4
Fail
1.2
Fail
—
2.0
Fail
5.5
AA
2.8
Fail
2.4
Fail
2.0
Fail
—
2.8
Fail
7.9
AAA
6.7
AA
5.5
AA
2.8
Fail
—
White BG
2.1Fail
2.4Fail
3.0Fail
5.8AA
16.4AAA
Black BG
10.1AAA
8.6AAA
7.1AAA
3.6AA Large
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C5C591
C1C175
B8B676
7B7A5C
1B1B38

Deuteranopia

C8CB93
C7CD77
C1CC75
838E58
1B1B36

Tritanopia

D79899
E47C7D
F27170
B24F4D
1B312F

Achromatopsia

B5B5B5
A6A6A6
929292
5C5C5C
1F1F1F

Shades & Tints Shades & Tints

#D9AB89

Dark
Light

#E88F6D

Dark
Light

#FA617D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d9ab89;
  --color-2: #e88f6d;
  --color-3: #fa617d;
  --color-4: #b92a6c;
  --color-5: #1b1b41;
}

SCSS

$color-1: #d9ab89;
$color-2: #e88f6d;
$color-3: #fa617d;
$color-4: #b92a6c;
$color-5: #1b1b41;

TAILWIND

colors: {
  'brand-1': '#d9ab89',
  'brand-2': '#e88f6d',
  'brand-3': '#fa617d',
  'brand-4': '#b92a6c',
  'brand-5': '#1b1b41',
}

RGB Array

[217, 171, 137], [232, 143, 109], [250, 97, 125], [185, 42, 108], [27, 27, 65]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D9AB89, #E88F6D, #FA617D, #B92A6C, #1B1B41 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #d9ab89; --color-2: #e88f6d; --color-3: #fa617d; --color-4: #b92a6c; --color-5: #1b1b41. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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 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