← Back to Editor

#F9ACA9 · #ED266B · #433441 · #2C1F28 · #D03D82

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

#F9ACA9

Peach Pink · LightPink · Cherry Blossom

HEX
#F9ACA9
RGB
rgb(249, 172, 169)
HSL
hsl(2, 87%, 82%)
HSB
hsb(2, 32%, 98%)
CMYK
cmyk(0%, 31%, 32%, 2%)
Oklch
oklch(81.7% 0.091 21.7)

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

#ED266B

Dark Violet · DeepPink · Rose Pink

HEX
#ED266B
RGB
rgb(237, 38, 107)
HSL
hsl(339, 85%, 54%)
HSB
hsb(339, 84%, 93%)
CMYK
cmyk(0%, 84%, 55%, 7%)
Oklch
oklch(61.9% 0.230 8.1)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#433441

Rose Purple · DarkSlateGray · Eggplant

HEX
#433441
RGB
rgb(67, 52, 65)
HSL
hsl(308, 13%, 23%)
HSB
hsb(308, 22%, 26%)
CMYK
cmyk(0%, 22%, 3%, 74%)
Oklch
oklch(34.7% 0.030 330.7)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

#2C1F28

Rose Purple · DarkSlateGray · Dark Purple

HEX
#2C1F28
RGB
rgb(44, 31, 40)
HSL
hsl(318, 17%, 15%)
HSB
hsb(318, 30%, 17%)
CMYK
cmyk(0%, 30%, 9%, 83%)
Oklch
oklch(25.9% 0.025 338.0)

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

#D03D82

Dark Violet · MediumVioletRed · Rose Pink

HEX
#D03D82
RGB
rgb(208, 61, 130)
HSL
hsl(332, 61%, 53%)
HSB
hsb(332, 71%, 82%)
CMYK
cmyk(0%, 71%, 38%, 18%)
Oklch
oklch(59.4% 0.192 356.0)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F9ACA9
A9F6F9

Analogous

F9A9CE
F9ACA9
F9D4A9

Triadic

F9ACA9
A9F9AC
ACA9F9

Split-Comp.

F9ACA9
A9F9D4
A9CEF9

Tetradic

F9ACA9
CEF9A9
A9F6F9
D4A9F9

Contrast Matrix WCAG 2.1 Contrast

F9ACA9
ED266B
433441
2C1F28
D03D82
—
2.3
Fail
6.4
AA
8.6
AAA
2.5
Fail
2.3
Fail
—
2.8
Fail
3.8
AA Large
1.1
Fail
6.4
AA
2.8
Fail
—
1.4
Fail
2.6
Fail
8.6
AAA
3.8
AA Large
1.4
Fail
—
3.5
AA Large
2.5
Fail
1.1
Fail
2.6
Fail
3.5
AA Large
—
White BG
1.8Fail
4.1AA Large
11.6AAA
15.7AAA
4.5AA Large
Black BG
11.5AAA
5.1AA
1.8Fail
1.3Fail
4.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D8D7AA
97955A
3D3C3E
262626
908F71

Deuteranopia

DCE2AA
A2B156
3D3F3D
272825
99A46D

Tritanopia

F5AAAA
E34D4A
423B3B
2B2424
C96461

Achromatopsia

C3C3C3
696969
3A3A3A
242424
717171

Shades & Tints Shades & Tints

#F9ACA9

Dark
Light

#ED266B

Dark
Light

#433441

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f9aca9;
  --color-2: #ed266b;
  --color-3: #433441;
  --color-4: #2c1f28;
  --color-5: #d03d82;
}

SCSS

$color-1: #f9aca9;
$color-2: #ed266b;
$color-3: #433441;
$color-4: #2c1f28;
$color-5: #d03d82;

TAILWIND

colors: {
  'brand-1': '#f9aca9',
  'brand-2': '#ed266b',
  'brand-3': '#433441',
  'brand-4': '#2c1f28',
  'brand-5': '#d03d82',
}

RGB Array

[249, 172, 169], [237, 38, 107], [67, 52, 65], [44, 31, 40], [208, 61, 130]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F9ACA9, #ED266B, #433441, #2C1F28, #D03D82 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: #f9aca9; --color-2: #ed266b; --color-3: #433441; --color-4: #2c1f28; --color-5: #d03d82. 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