← Back to Editor

#F5CED2 · #F7A1AB · #BD6479 · #703E5F · #543449

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

#F5CED2

Peach Pink · Pink · Cherry Blossom

HEX
#F5CED2
RGB
rgb(245, 206, 210)
HSL
hsl(354, 66%, 88%)
HSB
hsb(354, 16%, 96%)
CMYK
cmyk(0%, 16%, 14%, 4%)
Oklch
oklch(88.6% 0.044 11.0)

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

#F7A1AB

Peach Pink · LightPink · Coral Red

HEX
#F7A1AB
RGB
rgb(247, 161, 171)
HSL
hsl(353, 84%, 80%)
HSB
hsb(353, 35%, 97%)
CMYK
cmyk(0%, 35%, 31%, 3%)
Oklch
oklch(79.7% 0.103 12.1)

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

#BD6479

Crimson · LightCoral · Passion Red

HEX
#BD6479
RGB
rgb(189, 100, 121)
HSL
hsl(346, 40%, 57%)
HSB
hsb(346, 47%, 74%)
CMYK
cmyk(0%, 47%, 36%, 26%)
Oklch
oklch(61.2% 0.116 6.0)

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

#703E5F

Rose Purple · DimGray · Camellia

HEX
#703E5F
RGB
rgb(112, 62, 95)
HSL
hsl(320, 29%, 34%)
HSB
hsb(320, 45%, 44%)
CMYK
cmyk(0%, 45%, 15%, 56%)
Oklch
oklch(43.6% 0.083 341.2)

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

#543449

Rose Purple · DarkSlateGray · Camellia

HEX
#543449
RGB
rgb(84, 52, 73)
HSL
hsl(321, 24%, 27%)
HSB
hsb(321, 38%, 33%)
CMYK
cmyk(0%, 38%, 13%, 67%)
Oklch
oklch(37.1% 0.056 340.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F5CED2
CCF5F1

Analogous

F5CCE4
F5CED2
F5DCCC

Triadic

F5CED2
D0F5CC
CCD0F5

Split-Comp.

F5CED2
CCF5DC
CCE4F5

Tetradic

F5CED2
E4F5CC
CCF5F1
DCCCF5

Contrast Matrix WCAG 2.1 Contrast

F5CED2
F7A1AB
BD6479
703E5F
543449
—
1.4
Fail
2.8
Fail
5.8
AA
7.5
AAA
1.4
Fail
—
2.0
Fail
4.2
AA Large
5.4
AA
2.8
Fail
2.0
Fail
—
2.1
Fail
2.7
Fail
5.8
AA
4.2
AA Large
2.1
Fail
—
1.3
Fail
7.5
AAA
5.4
AA
2.7
Fail
1.3
Fail
—
White BG
1.4Fail
2.0Fail
4.0AA Large
8.3AAA
10.7AAA
Black BG
14.6AAA
10.6AAA
5.3AA
2.5Fail
2.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E4E4D1
D2D1A9
969674
5A5A57
464644

Deuteranopia

E6E9D1
D7DDA8
9CA273
5D6155
484A43

Tritanopia

F3D0D0
F3A7A6
B9706F
6D514F
52403F

Achromatopsia

DADADA
BCBCBC
818181
515151
404040

Shades & Tints Shades & Tints

#F5CED2

Dark
Light

#F7A1AB

Dark
Light

#BD6479

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f5ced2;
  --color-2: #f7a1ab;
  --color-3: #bd6479;
  --color-4: #703e5f;
  --color-5: #543449;
}

SCSS

$color-1: #f5ced2;
$color-2: #f7a1ab;
$color-3: #bd6479;
$color-4: #703e5f;
$color-5: #543449;

TAILWIND

colors: {
  'brand-1': '#f5ced2',
  'brand-2': '#f7a1ab',
  'brand-3': '#bd6479',
  'brand-4': '#703e5f',
  'brand-5': '#543449',
}

RGB Array

[245, 206, 210], [247, 161, 171], [189, 100, 121], [112, 62, 95], [84, 52, 73]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F5CED2, #F7A1AB, #BD6479, #703E5F, #543449 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: #f5ced2; --color-2: #f7a1ab; --color-3: #bd6479; --color-4: #703e5f; --color-5: #543449. 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