← Back to Editor

#F9C8CB · #D9888F · #554744 · #26211F · #F0DA8B

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

#F9C8CB

Peach Pink · Pink · Cherry Blossom

HEX
#F9C8CB
RGB
rgb(249, 200, 203)
HSL
hsl(356, 80%, 88%)
HSB
hsb(356, 20%, 98%)
CMYK
cmyk(0%, 20%, 18%, 2%)
Oklch
oklch(87.6% 0.056 14.2)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#D9888F

Peach Pink · LightCoral · Coral Red

HEX
#D9888F
RGB
rgb(217, 136, 143)
HSL
hsl(355, 52%, 69%)
HSB
hsb(355, 37%, 85%)
CMYK
cmyk(0%, 37%, 34%, 15%)
Oklch
oklch(71.3% 0.100 14.3)

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

#554744

Crimson · DarkSlateGray · Wine Red

HEX
#554744
RGB
rgb(85, 71, 68)
HSL
hsl(11, 11%, 30%)
HSB
hsb(11, 20%, 33%)
CMYK
cmyk(0%, 16%, 20%, 67%)
Oklch
oklch(41.1% 0.020 32.1)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

#26211F

Tangerine · Black · Cinnamon

HEX
#26211F
RGB
rgb(38, 33, 31)
HSL
hsl(17, 10%, 14%)
HSB
hsb(17, 18%, 15%)
CMYK
cmyk(0%, 13%, 18%, 85%)
Oklch
oklch(25.3% 0.009 43.1)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#F0DA8B

Goose Yellow · Khaki · Sunflower

HEX
#F0DA8B
RGB
rgb(240, 218, 139)
HSL
hsl(47, 77%, 74%)
HSB
hsb(47, 42%, 94%)
CMYK
cmyk(0%, 9%, 42%, 6%)
Oklch
oklch(88.9% 0.102 94.4)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F9C8CB
C8F9F6

Analogous

F9C8E4
F9C8CB
F9DDC8

Triadic

F9C8CB
CBF9C8
C8CBF9

Split-Comp.

F9C8CB
C8F9DD
C8E4F9

Tetradic

F9C8CB
E4F9C8
C8F9F6
DDC8F9

Contrast Matrix WCAG 2.1 Contrast

F9C8CB
D9888F
554744
26211F
F0DA8B
—
1.8
Fail
6.0
AA
10.7
AAA
1.1
Fail
1.8
Fail
—
3.3
AA Large
6.0
AA
1.9
Fail
6.0
AA
3.3
AA Large
—
1.8
Fail
6.4
AA
10.7
AAA
6.0
AA
1.8
Fail
—
11.4
AAA
1.1
Fail
1.9
Fail
6.4
AA
11.4
AAA
—
White BG
1.5Fail
2.7Fail
8.9AAA
15.9AAA
1.4Fail
Black BG
14.2AAA
7.9AAA
2.4Fail
1.3Fail
15.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E4E3CA
B6B58D
4F4F45
24241F
E6E69E

Deuteranopia

E7EACA
BBC18D
505145
242520
E8E9A3

Tritanopia

F7CACA
D58C8C
544545
262020
EFADB1

Achromatopsia

D7D7D7
A1A1A1
4B4B4B
222222
D8D8D8

Shades & Tints Shades & Tints

#F9C8CB

Dark
Light

#D9888F

Dark
Light

#554744

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f9c8cb;
  --color-2: #d9888f;
  --color-3: #554744;
  --color-4: #26211f;
  --color-5: #f0da8b;
}

SCSS

$color-1: #f9c8cb;
$color-2: #d9888f;
$color-3: #554744;
$color-4: #26211f;
$color-5: #f0da8b;

TAILWIND

colors: {
  'brand-1': '#f9c8cb',
  'brand-2': '#d9888f',
  'brand-3': '#554744',
  'brand-4': '#26211f',
  'brand-5': '#f0da8b',
}

RGB Array

[249, 200, 203], [217, 136, 143], [85, 71, 68], [38, 33, 31], [240, 218, 139]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F9C8CB, #D9888F, #554744, #26211F, #F0DA8B 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: #f9c8cb; --color-2: #d9888f; --color-3: #554744; --color-4: #26211f; --color-5: #f0da8b. 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