← Back to Editor

#FF92A8 · #FF7183 · #40222E · #4CBCA3 · #FED5D3

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

#FF92A8

Peach Pink · LightPink · Coral Red

HEX
#FF92A8
RGB
rgb(255, 146, 168)
HSL
hsl(348, 100%, 79%)
HSB
hsb(348, 43%, 100%)
CMYK
cmyk(0%, 43%, 34%, 0%)
Oklch
oklch(78.1% 0.133 7.7)

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

#FF7183

Peach Pink · LightCoral · Coral Red

HEX
#FF7183
RGB
rgb(255, 113, 131)
HSL
hsl(352, 100%, 72%)
HSB
hsb(352, 56%, 100%)
CMYK
cmyk(0%, 56%, 49%, 0%)
Oklch
oklch(72.4% 0.173 14.7)

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

#40222E

Dark Violet · DarkSlateGray · Raspberry

HEX
#40222E
RGB
rgb(64, 34, 46)
HSL
hsl(336, 31%, 19%)
HSB
hsb(336, 47%, 25%)
CMYK
cmyk(0%, 47%, 28%, 75%)
Oklch
oklch(29.6% 0.049 355.0)

Traditional「Dark Violet」· Paint「Raspberry」· Creative Blush Sunrise

#4CBCA3

Mineral Blue · MediumAquaMarine · Lake Green

HEX
#4CBCA3
RGB
rgb(76, 188, 163)
HSL
hsl(167, 46%, 52%)
HSB
hsb(167, 60%, 74%)
CMYK
cmyk(60%, 0%, 13%, 26%)
Oklch
oklch(72.4% 0.109 175.8)

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

#FED5D3

Peach Pink · Bisque · Cherry Blossom

HEX
#FED5D3
RGB
rgb(254, 213, 211)
HSL
hsl(3, 96%, 91%)
HSB
hsb(3, 17%, 100%)
CMYK
cmyk(0%, 16%, 17%, 0%)
Oklch
oklch(90.7% 0.046 21.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF92A8
94FFEA

Analogous

FF94DF
FF92A8
FFB494

Triadic

FF92A8
A9FF94
94A9FF

Split-Comp.

FF92A8
94FFB4
94DFFF

Tetradic

FF92A8
DFFF94
94FFEA
B494FF

Contrast Matrix WCAG 2.1 Contrast

FF92A8
FF7183
40222E
4CBCA3
FED5D3
—
1.3
Fail
6.7
AA
1.1
Fail
1.6
Fail
1.3
Fail
—
5.3
AA
1.1
Fail
2.0
Fail
6.7
AA
5.3
AA
—
6.1
AA
10.5
AAA
1.1
Fail
1.1
Fail
6.1
AA
—
1.7
Fail
1.6
Fail
2.0
Fail
10.5
AAA
1.7
Fail
—
White BG
2.1Fail
2.6Fail
14.1AAA
2.3Fail
1.3Fail
Black BG
9.9AAA
7.9AAA
1.5Fail
9.0AAA
15.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D0CFA3
C2C07F
33332B
7C7EA9
ECECD3

Deuteranopia

D6DEA1
CAD47E
35372A
766EAB
EFF2D4

Tritanopia

FA9E9E
F87B7A
3F2928
52AEAF
FCD4D4

Achromatopsia

B5B5B5
9E9E9E
2C2C2C
989898
E1E1E1

Shades & Tints Shades & Tints

#FF92A8

Dark
Light

#FF7183

Dark
Light

#40222E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff92a8;
  --color-2: #ff7183;
  --color-3: #40222e;
  --color-4: #4cbca3;
  --color-5: #fed5d3;
}

SCSS

$color-1: #ff92a8;
$color-2: #ff7183;
$color-3: #40222e;
$color-4: #4cbca3;
$color-5: #fed5d3;

TAILWIND

colors: {
  'brand-1': '#ff92a8',
  'brand-2': '#ff7183',
  'brand-3': '#40222e',
  'brand-4': '#4cbca3',
  'brand-5': '#fed5d3',
}

RGB Array

[255, 146, 168], [255, 113, 131], [64, 34, 46], [76, 188, 163], [254, 213, 211]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FF92A8, #FF7183, #40222E, #4CBCA3, #FED5D3 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: #ff92a8; --color-2: #ff7183; --color-3: #40222e; --color-4: #4cbca3; --color-5: #fed5d3. 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