← Back to Editor

#FFC0BC · #B88295 · #5E446E · #AB8F74 · #FCA90F

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

#FFC0BC

Peach Pink · LightPink · Cherry Blossom

HEX
#FFC0BC
RGB
rgb(255, 192, 188)
HSL
hsl(4, 100%, 87%)
HSB
hsb(4, 26%, 100%)
CMYK
cmyk(0%, 25%, 26%, 0%)
Oklch
oklch(86.4% 0.073 22.8)

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

#B88295

Rouge · DarkGray · Rose Pink

HEX
#B88295
RGB
rgb(184, 130, 149)
HSL
hsl(339, 28%, 62%)
HSB
hsb(339, 29%, 72%)
CMYK
cmyk(0%, 29%, 19%, 28%)
Oklch
oklch(66.6% 0.071 356.4)

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

#5E446E

Dark Plum · DarkSlateBlue · Eggplant

HEX
#5E446E
RGB
rgb(94, 68, 110)
HSL
hsl(277, 24%, 35%)
HSB
hsb(277, 38%, 43%)
CMYK
cmyk(15%, 38%, 0%, 57%)
Oklch
oklch(43.2% 0.074 311.9)

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

#AB8F74

Tangerine · Gray · Warm Sun

HEX
#AB8F74
RGB
rgb(171, 143, 116)
HSL
hsl(29, 25%, 56%)
HSB
hsb(29, 32%, 67%)
CMYK
cmyk(0%, 16%, 32%, 33%)
Oklch
oklch(66.9% 0.051 65.7)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#FCA90F

Ginger · Orange · Warm Sun

HEX
#FCA90F
RGB
rgb(252, 169, 15)
HSL
hsl(39, 98%, 52%)
HSB
hsb(39, 94%, 99%)
CMYK
cmyk(0%, 33%, 94%, 1%)
Oklch
oklch(79.7% 0.167 73.3)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFC0BC
BDFBFF

Analogous

FFBDD9
FFC0BC
FFE2BD

Triadic

FFC0BC
BDFFC1
C1BDFF

Split-Comp.

FFC0BC
BDFFE2
BDD9FF

Tetradic

FFC0BC
D9FFBD
BDFBFF
E2BDFF

Contrast Matrix WCAG 2.1 Contrast

FFC0BC
B88295
5E446E
AB8F74
FCA90F
—
2.0
Fail
5.3
AA
2.0
Fail
1.2
Fail
2.0
Fail
—
2.6
Fail
1.0
Fail
1.6
Fail
5.3
AA
2.6
Fail
—
2.7
Fail
4.3
AA Large
2.0
Fail
1.0
Fail
2.7
Fail
—
1.6
Fail
1.2
Fail
1.6
Fail
4.3
AA Large
1.6
Fail
—
White BG
1.6Fail
3.2AA Large
8.3AAA
3.0AA Large
1.9Fail
Black BG
13.5AAA
6.7AA
2.5Fail
6.9AA
10.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E4E3BD
A1A090
535364
9F9F7B
D8D734

Deuteranopia

E7ECBD
A4A88F
545661
A1A37C
DDE33D

Tritanopia

FCBEBE
B58D8C
5D5C5A
AA8081
F85258

Achromatopsia

D2D2D2
949494
515151
949494
B0B0B0

Shades & Tints Shades & Tints

#FFC0BC

Dark
Light

#B88295

Dark
Light

#5E446E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffc0bc;
  --color-2: #b88295;
  --color-3: #5e446e;
  --color-4: #ab8f74;
  --color-5: #fca90f;
}

SCSS

$color-1: #ffc0bc;
$color-2: #b88295;
$color-3: #5e446e;
$color-4: #ab8f74;
$color-5: #fca90f;

TAILWIND

colors: {
  'brand-1': '#ffc0bc',
  'brand-2': '#b88295',
  'brand-3': '#5e446e',
  'brand-4': '#ab8f74',
  'brand-5': '#fca90f',
}

RGB Array

[255, 192, 188], [184, 130, 149], [94, 68, 110], [171, 143, 116], [252, 169, 15]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFC0BC, #B88295, #5E446E, #AB8F74, #FCA90F 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: #ffc0bc; --color-2: #b88295; --color-3: #5e446e; --color-4: #ab8f74; --color-5: #fca90f. 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