← Back to Editor

#FF7FB0 · #F9E2D2 · #E9CDB8 · #2F1832 · #C29A92

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#FF7FB0

Rouge · LightCoral · Rose Pink

HEX
#FF7FB0
RGB
rgb(255, 127, 176)
HSL
hsl(337, 100%, 75%)
HSB
hsb(337, 50%, 100%)
CMYK
cmyk(0%, 50%, 31%, 0%)
Oklch
oklch(75.5% 0.163 357.5)

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

#F9E2D2

Apricot · Bisque · Peach Orange

HEX
#F9E2D2
RGB
rgb(249, 226, 210)
HSL
hsl(25, 76%, 90%)
HSB
hsb(25, 16%, 98%)
CMYK
cmyk(0%, 9%, 16%, 2%)
Oklch
oklch(92.7% 0.033 57.1)

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

#E9CDB8

Apricot · Wheat · Peach Orange

HEX
#E9CDB8
RGB
rgb(233, 205, 184)
HSL
hsl(26, 53%, 82%)
HSB
hsb(26, 21%, 91%)
CMYK
cmyk(0%, 12%, 21%, 9%)
Oklch
oklch(86.6% 0.042 59.0)

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

#2F1832

Dark Plum · DarkSlateGray · Dark Purple

HEX
#2F1832
RGB
rgb(47, 24, 50)
HSL
hsl(293, 35%, 15%)
HSB
hsb(293, 52%, 20%)
CMYK
cmyk(6%, 52%, 0%, 80%)
Oklch
oklch(25.3% 0.057 322.8)

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

#C29A92

Peach Pink · Tan · Coral Red

HEX
#C29A92
RGB
rgb(194, 154, 146)
HSL
hsl(10, 28%, 67%)
HSB
hsb(10, 25%, 76%)
CMYK
cmyk(0%, 21%, 25%, 24%)
Oklch
oklch(72.1% 0.050 31.3)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF7FB0
80FFCE

Analogous

FF80F0
FF7FB0
FF8E80

Triadic

FF7FB0
B0FF80
80B0FF

Split-Comp.

FF7FB0
80FF8E
80F0FF

Tetradic

FF7FB0
F0FF80
80FFCE
8E80FF

Contrast Matrix WCAG 2.1 Contrast

FF7FB0
F9E2D2
E9CDB8
2F1832
C29A92
—
1.9
Fail
1.6
Fail
6.9
AA
1.1
Fail
1.9
Fail
—
1.2
Fail
13.0
AAA
2.0
Fail
1.6
Fail
1.2
Fail
—
10.7
AAA
1.7
Fail
6.9
AA
13.0
AAA
10.7
AAA
—
6.4
AA
1.1
Fail
2.0
Fail
1.7
Fail
6.4
AA
—
White BG
2.4Fail
1.2Fail
1.5Fail
16.2AAA
2.5Fail
Black BG
8.9AAA
16.8AAA
13.9AAA
1.3Fail
8.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C8C6A4
EFEFD6
DDDDBD
25252C
B1B094

Deuteranopia

CFD9A1
F0F2D7
DFE1BE
26282A
B3B694

Tritanopia

F99B99
F8D9DA
E8C1C2
2E2726
C09596

Achromatopsia

ABABAB
E7E7E7
D3D3D3
222222
A5A5A5

Shades & Tints Shades & Tints

#FF7FB0

Dark
Light

#F9E2D2

Dark
Light

#E9CDB8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff7fb0;
  --color-2: #f9e2d2;
  --color-3: #e9cdb8;
  --color-4: #2f1832;
  --color-5: #c29a92;
}

SCSS

$color-1: #ff7fb0;
$color-2: #f9e2d2;
$color-3: #e9cdb8;
$color-4: #2f1832;
$color-5: #c29a92;

TAILWIND

colors: {
  'brand-1': '#ff7fb0',
  'brand-2': '#f9e2d2',
  'brand-3': '#e9cdb8',
  'brand-4': '#2f1832',
  'brand-5': '#c29a92',
}

RGB Array

[255, 127, 176], [249, 226, 210], [233, 205, 184], [47, 24, 50], [194, 154, 146]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FF7FB0, #F9E2D2, #E9CDB8, #2F1832, #C29A92 is ideal for: health products, baby brands, fresh-style blogs, 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: #ff7fb0; --color-2: #f9e2d2; --color-3: #e9cdb8; --color-4: #2f1832; --color-5: #c29a92. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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