← Back to Editor

#F9D3CA · #F1B0C6 · #E28FAB · #8D495E · #583D44

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

#F9D3CA

Peach Pink · Bisque · Cherry Blossom

HEX
#F9D3CA
RGB
rgb(249, 211, 202)
HSL
hsl(11, 80%, 88%)
HSB
hsb(11, 19%, 98%)
CMYK
cmyk(0%, 15%, 19%, 2%)
Oklch
oklch(89.7% 0.045 33.5)

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

#F1B0C6

Rouge · LightPink · Cherry Blossom

HEX
#F1B0C6
RGB
rgb(241, 176, 198)
HSL
hsl(340, 70%, 82%)
HSB
hsb(340, 27%, 95%)
CMYK
cmyk(0%, 27%, 18%, 5%)
Oklch
oklch(82.4% 0.080 357.0)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#E28FAB

Rouge · LightCoral · Rose Pink

HEX
#E28FAB
RGB
rgb(226, 143, 171)
HSL
hsl(340, 59%, 72%)
HSB
hsb(340, 37%, 89%)
CMYK
cmyk(0%, 37%, 24%, 11%)
Oklch
oklch(74.3% 0.106 358.2)

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

#8D495E

Dark Violet · DimGray · Camellia

HEX
#8D495E
RGB
rgb(141, 73, 94)
HSL
hsl(341, 32%, 42%)
HSB
hsb(341, 48%, 55%)
CMYK
cmyk(0%, 48%, 33%, 45%)
Oklch
oklch(49.5% 0.095 1.5)

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

#583D44

Dark Violet · DarkSlateGray · Camellia

HEX
#583D44
RGB
rgb(88, 61, 68)
HSL
hsl(344, 18%, 29%)
HSB
hsb(344, 31%, 35%)
CMYK
cmyk(0%, 31%, 23%, 65%)
Oklch
oklch(39.3% 0.039 2.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F9D3CA
C8F0F9

Analogous

F9C8D7
F9D3CA
F9E9C8

Triadic

F9D3CA
C8F9D1
D1C8F9

Split-Comp.

F9D3CA
C8F9E9
C8D7F9

Tetradic

F9D3CA
D7F9C8
C8F0F9
E9C8F9

Contrast Matrix WCAG 2.1 Contrast

F9D3CA
F1B0C6
E28FAB
8D495E
583D44
—
1.3
Fail
1.7
Fail
4.7
AA
7.0
AAA
1.3
Fail
—
1.3
Fail
3.6
AA Large
5.4
AA
1.7
Fail
1.3
Fail
—
2.7
Fail
4.0
AA Large
4.7
AA
3.6
AA Large
2.7
Fail
—
1.5
Fail
7.0
AAA
5.4
AA
4.0
AA Large
1.5
Fail
—
White BG
1.4Fail
1.8Fail
2.4Fail
6.5AA
9.7AAA
Black BG
15.2AAA
11.8AAA
8.8AAA
3.2AA Large
2.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E9E8CC
D5D4C1
BEBDA4
706F59
4C4C42

Deuteranopia

EBEECD
D9DEBF
C3C9A3
747958
4E5042

Tritanopia

F7CECE
EEBCBC
DE9F9E
8A5554
574141

Achromatopsia

DDDDDD
C6C6C6
ABABAB
606060
464646

Shades & Tints Shades & Tints

#F9D3CA

Dark
Light

#F1B0C6

Dark
Light

#E28FAB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f9d3ca;
  --color-2: #f1b0c6;
  --color-3: #e28fab;
  --color-4: #8d495e;
  --color-5: #583d44;
}

SCSS

$color-1: #f9d3ca;
$color-2: #f1b0c6;
$color-3: #e28fab;
$color-4: #8d495e;
$color-5: #583d44;

TAILWIND

colors: {
  'brand-1': '#f9d3ca',
  'brand-2': '#f1b0c6',
  'brand-3': '#e28fab',
  'brand-4': '#8d495e',
  'brand-5': '#583d44',
}

RGB Array

[249, 211, 202], [241, 176, 198], [226, 143, 171], [141, 73, 94], [88, 61, 68]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F9D3CA, #F1B0C6, #E28FAB, #8D495E, #583D44 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: #f9d3ca; --color-2: #f1b0c6; --color-3: #e28fab; --color-4: #8d495e; --color-5: #583d44. 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