← Back to Editor

#992C60 · #CC1166 · #E65179 · #FA909E · #FDCBC7

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#992C60

Dark Violet · Brown · Camellia

HEX
#992C60
RGB
rgb(153, 44, 96)
HSL
hsl(331, 55%, 39%)
HSB
hsb(331, 71%, 60%)
CMYK
cmyk(0%, 71%, 37%, 40%)
Oklch
oklch(47.5% 0.152 355.3)

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

#CC1166

Dark Violet · MediumVioletRed · Camellia

HEX
#CC1166
RGB
rgb(204, 17, 102)
HSL
hsl(333, 85%, 43%)
HSB
hsb(333, 92%, 80%)
CMYK
cmyk(0%, 92%, 50%, 20%)
Oklch
oklch(55.0% 0.215 2.7)

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

#E65179

Rouge · LightCoral · Rose Pink

HEX
#E65179
RGB
rgb(230, 81, 121)
HSL
hsl(344, 75%, 61%)
HSB
hsb(344, 65%, 90%)
CMYK
cmyk(0%, 65%, 47%, 10%)
Oklch
oklch(64.6% 0.186 7.6)

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

#FA909E

Peach Pink · LightCoral · Coral Red

HEX
#FA909E
RGB
rgb(250, 144, 158)
HSL
hsl(352, 91%, 77%)
HSB
hsb(352, 42%, 98%)
CMYK
cmyk(0%, 42%, 37%, 2%)
Oklch
oklch(76.9% 0.129 12.1)

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

#FDCBC7

Peach Pink · Pink · Cherry Blossom

HEX
#FDCBC7
RGB
rgb(253, 203, 199)
HSL
hsl(4, 93%, 89%)
HSB
hsb(4, 21%, 99%)
CMYK
cmyk(0%, 20%, 21%, 1%)
Oklch
oklch(88.5% 0.057 23.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

992C60
2D9A65

Analogous

9A2D98
992C60
9A2F2D

Triadic

992C60
629A2D
2D629A

Split-Comp.

992C60
2D9A2F
2D989A

Tetradic

992C60
989A2D
2D9A65
2F2D9A

Contrast Matrix WCAG 2.1 Contrast

992C60
CC1166
E65179
FA909E
FDCBC7
—
1.3
Fail
2.0
Fail
3.3
AA Large
5.0
AA
1.3
Fail
—
1.5
Fail
2.5
Fail
3.8
AA Large
2.0
Fail
1.5
Fail
—
1.6
Fail
2.5
Fail
3.3
AA Large
2.5
Fail
1.6
Fail
—
1.5
Fail
5.0
AA
3.8
AA Large
2.5
Fail
1.5
Fail
—
White BG
7.3AAA
5.5AA
3.6AA Large
2.2Fail
1.4Fail
Black BG
2.9Fail
3.8AA Large
5.8AA
9.5AAA
14.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6A6953
7B7951
A5A46F
CCCB9B
E7E7C8

Deuteranopia

707850
86944C
AEB96D
D2DA9A
EAEEC8

Tritanopia

944947
C3413E
DF6866
F59897
FBC9C9

Achromatopsia

535353
535353
828282
B1B1B1
D9D9D9

Shades & Tints Shades & Tints

#992C60

Dark
Light

#CC1166

Dark
Light

#E65179

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #992c60;
  --color-2: #cc1166;
  --color-3: #e65179;
  --color-4: #fa909e;
  --color-5: #fdcbc7;
}

SCSS

$color-1: #992c60;
$color-2: #cc1166;
$color-3: #e65179;
$color-4: #fa909e;
$color-5: #fdcbc7;

TAILWIND

colors: {
  'brand-1': '#992c60',
  'brand-2': '#cc1166',
  'brand-3': '#e65179',
  'brand-4': '#fa909e',
  'brand-5': '#fdcbc7',
}

RGB Array

[153, 44, 96], [204, 17, 102], [230, 81, 121], [250, 144, 158], [253, 203, 199]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #992C60, #CC1166, #E65179, #FA909E, #FDCBC7 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: #992c60; --color-2: #cc1166; --color-3: #e65179; --color-4: #fa909e; --color-5: #fdcbc7. 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