← Back to Editor

#F9C8BA · #6CAB9A · #7E3F36 · #B90F1A · #010000

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

#F9C8BA

Peach Pink · Pink · Cherry Blossom

HEX
#F9C8BA
RGB
rgb(249, 200, 186)
HSL
hsl(13, 84%, 85%)
HSB
hsb(13, 25%, 98%)
CMYK
cmyk(0%, 20%, 25%, 2%)
Oklch
oklch(87.2% 0.059 36.5)

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

#6CAB9A

Mineral Blue · CadetBlue · Lake Green

HEX
#6CAB9A
RGB
rgb(108, 171, 154)
HSL
hsl(164, 27%, 55%)
HSB
hsb(164, 37%, 67%)
CMYK
cmyk(37%, 0%, 10%, 33%)
Oklch
oklch(69.3% 0.070 175.2)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#7E3F36

Crimson · Sienna · Wine Red

HEX
#7E3F36
RGB
rgb(126, 63, 54)
HSL
hsl(8, 40%, 35%)
HSB
hsb(8, 57%, 49%)
CMYK
cmyk(0%, 50%, 57%, 51%)
Oklch
oklch(44.5% 0.089 29.5)

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

#B90F1A

Vermilion · FireBrick · Wine Red

HEX
#B90F1A
RGB
rgb(185, 15, 26)
HSL
hsl(356, 85%, 39%)
HSB
hsb(356, 92%, 73%)
CMYK
cmyk(0%, 92%, 86%, 27%)
Oklch
oklch(49.9% 0.197 26.5)

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

#010000

Vermilion · Black · Deep Berry

HEX
#010000
RGB
rgb(1, 0, 0)
HSL
hsl(0, 100%, 0%)
HSB
hsb(0, 100%, 0%)
CMYK
cmyk(0%, 100%, 100%, 100%)
Oklch
oklch(4.2% 0.017 29.2)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F9C8BA
B9EBF9

Analogous

F9B9CB
F9C8BA
F9E7B9

Triadic

F9C8BA
B9F9C7
C7B9F9

Split-Comp.

F9C8BA
B9F9E7
B9CBF9

Tetradic

F9C8BA
CBF9B9
B9EBF9
E7B9F9

Contrast Matrix WCAG 2.1 Contrast

F9C8BA
6CAB9A
7E3F36
B90F1A
010000
—
1.8
Fail
5.3
AA
4.4
AA Large
14.0
AAA
1.8
Fail
—
3.0
Fail
2.5
Fail
7.9
AAA
5.3
AA
3.0
Fail
—
1.2
Fail
2.6
Fail
4.4
AA Large
2.5
Fail
1.2
Fail
—
3.1
AA Large
14.0
AAA
7.9
AAA
2.6
Fail
3.1
AA Large
—
White BG
1.5Fail
2.6Fail
7.9AAA
6.7AA
21.0AAA
Black BG
14.0AAA
7.9AAA
2.7Fail
3.1AA Large
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E4E3BD
87889E
636238
6F6E17
010100

Deuteranopia

E7EABE
847F9F
666B39
798617
010100

Tritanopia

F7C0C1
6FA1A2
7B3A3A
B11515
010000

Achromatopsia

D5D5D5
969696
515151
434343
000000

Shades & Tints Shades & Tints

#F9C8BA

Dark
Light

#6CAB9A

Dark
Light

#7E3F36

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f9c8ba;
  --color-2: #6cab9a;
  --color-3: #7e3f36;
  --color-4: #b90f1a;
  --color-5: #010000;
}

SCSS

$color-1: #f9c8ba;
$color-2: #6cab9a;
$color-3: #7e3f36;
$color-4: #b90f1a;
$color-5: #010000;

TAILWIND

colors: {
  'brand-1': '#f9c8ba',
  'brand-2': '#6cab9a',
  'brand-3': '#7e3f36',
  'brand-4': '#b90f1a',
  'brand-5': '#010000',
}

RGB Array

[249, 200, 186], [108, 171, 154], [126, 63, 54], [185, 15, 26], [1, 0, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F9C8BA, #6CAB9A, #7E3F36, #B90F1A, #010000 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: #f9c8ba; --color-2: #6cab9a; --color-3: #7e3f36; --color-4: #b90f1a; --color-5: #010000. 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