← Back to Editor

#FBDACB · #F2B1B1 · #D982A2 · #B3448C · #4F3F5E

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#FBDACB

Apricot · Bisque · Peach Orange

HEX
#FBDACB
RGB
rgb(251, 218, 203)
HSL
hsl(19, 86%, 89%)
HSB
hsb(19, 19%, 98%)
CMYK
cmyk(0%, 13%, 19%, 2%)
Oklch
oklch(91.2% 0.042 45.9)

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

#F2B1B1

Peach Pink · LightPink · Cherry Blossom

HEX
#F2B1B1
RGB
rgb(242, 177, 177)
HSL
hsl(0, 71%, 82%)
HSB
hsb(0, 27%, 95%)
CMYK
cmyk(0%, 27%, 27%, 5%)
Oklch
oklch(82.1% 0.076 18.8)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#D982A2

Rouge · LightCoral · Rose Pink

HEX
#D982A2
RGB
rgb(217, 130, 162)
HSL
hsl(338, 53%, 68%)
HSB
hsb(338, 40%, 85%)
CMYK
cmyk(0%, 40%, 25%, 15%)
Oklch
oklch(70.8% 0.113 356.8)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#B3448C

Rose Purple · MediumVioletRed · Camellia

HEX
#B3448C
RGB
rgb(179, 68, 140)
HSL
hsl(321, 45%, 48%)
HSB
hsb(321, 62%, 70%)
CMYK
cmyk(0%, 62%, 22%, 30%)
Oklch
oklch(56.0% 0.165 343.9)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

#4F3F5E

Dark Plum · DarkSlateGray · Eggplant

HEX
#4F3F5E
RGB
rgb(79, 63, 94)
HSL
hsl(271, 20%, 31%)
HSB
hsb(271, 33%, 37%)
CMYK
cmyk(16%, 33%, 0%, 63%)
Oklch
oklch(39.7% 0.055 307.6)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FBDACB
CBECFB

Analogous

FBCBD4
FBDACB
FBF2CB

Triadic

FBDACB
CBFBDA
DACBFB

Split-Comp.

FBDACB
CBFBF2
CBD4FB

Tetradic

FBDACB
D4FBCB
CBECFB
F2CBFB

Contrast Matrix WCAG 2.1 Contrast

FBDACB
F2B1B1
D982A2
B3448C
4F3F5E
—
1.4
Fail
2.1
Fail
3.9
AA Large
7.3
AAA
1.4
Fail
—
1.5
Fail
2.8
Fail
5.3
AA
2.1
Fail
1.5
Fail
—
1.9
Fail
3.5
AA Large
3.9
AA Large
2.8
Fail
1.9
Fail
—
1.9
Fail
7.3
AAA
5.3
AA
3.5
AA Large
1.9
Fail
—
White BG
1.3Fail
1.8Fail
2.7Fail
5.1AA
9.5AAA
Black BG
16.0AAA
11.7AAA
7.7AAA
4.1AA Large
2.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

EDECCF
D6D5B1
B3B39A
83827B
484856

Deuteranopia

EFF1D0
DADEB1
B8BF98
899276
494A55

Tritanopia

F9D1D2
EFB1B1
D59493
AD6D6A
4E514F

Achromatopsia

E2E2E2
C4C4C4
A0A0A0
6D6D6D
474747

Shades & Tints Shades & Tints

#FBDACB

Dark
Light

#F2B1B1

Dark
Light

#D982A2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fbdacb;
  --color-2: #f2b1b1;
  --color-3: #d982a2;
  --color-4: #b3448c;
  --color-5: #4f3f5e;
}

SCSS

$color-1: #fbdacb;
$color-2: #f2b1b1;
$color-3: #d982a2;
$color-4: #b3448c;
$color-5: #4f3f5e;

TAILWIND

colors: {
  'brand-1': '#fbdacb',
  'brand-2': '#f2b1b1',
  'brand-3': '#d982a2',
  'brand-4': '#b3448c',
  'brand-5': '#4f3f5e',
}

RGB Array

[251, 218, 203], [242, 177, 177], [217, 130, 162], [179, 68, 140], [79, 63, 94]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FBDACB, #F2B1B1, #D982A2, #B3448C, #4F3F5E is ideal for: 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: #fbdacb; --color-2: #f2b1b1; --color-3: #d982a2; --color-4: #b3448c; --color-5: #4f3f5e. 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 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