← Back to Editor

#C20C45 · #C73882 · #FF5955 · #FA7D5D · #C7B038

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 App

Color Details Color Details

#C20C45

Dark Violet · Crimson · Camellia

HEX
#C20C45
RGB
rgb(194, 12, 69)
HSL
hsl(341, 88%, 40%)
HSB
hsb(341, 94%, 76%)
CMYK
cmyk(0%, 94%, 64%, 24%)
Oklch
oklch(52.2% 0.204 13.7)

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

#C73882

Rose Purple · MediumVioletRed · Camellia

HEX
#C73882
RGB
rgb(199, 56, 130)
HSL
hsl(329, 56%, 50%)
HSB
hsb(329, 72%, 78%)
CMYK
cmyk(0%, 72%, 35%, 22%)
Oklch
oklch(57.5% 0.191 353.2)

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

#FF5955

Peach Pink · Tomato · Coral Red

HEX
#FF5955
RGB
rgb(255, 89, 85)
HSL
hsl(1, 100%, 67%)
HSB
hsb(1, 67%, 100%)
CMYK
cmyk(0%, 65%, 67%, 0%)
Oklch
oklch(68.7% 0.203 25.4)

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

#FA7D5D

Peach Pink · Coral · Coral Red

HEX
#FA7D5D
RGB
rgb(250, 125, 93)
HSL
hsl(12, 94%, 67%)
HSB
hsb(12, 63%, 98%)
CMYK
cmyk(0%, 50%, 63%, 2%)
Oklch
oklch(72.7% 0.160 35.4)

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

#C7B038

Autumn Sage · GoldenRod · Honey Gold

HEX
#C7B038
RGB
rgb(199, 176, 56)
HSL
hsl(50, 56%, 50%)
HSB
hsb(50, 72%, 78%)
CMYK
cmyk(0%, 12%, 72%, 22%)
Oklch
oklch(75.6% 0.137 98.0)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C20C45
0CC087

Analogous

C00C9F
C20C45
C02D0C

Triadic

C20C45
45C00C
0C45C0

Split-Comp.

C20C45
0CC02D
0C9FC0

Tetradic

C20C45
9FC00C
0CC087
2D0CC0

Contrast Matrix WCAG 2.1 Contrast

C20C45
C73882
FF5955
FA7D5D
C7B038
—
1.3
Fail
2.0
Fail
2.4
Fail
2.8
Fail
1.3
Fail
—
1.6
Fail
1.9
Fail
2.2
Fail
2.0
Fail
1.6
Fail
—
1.2
Fail
1.4
Fail
2.4
Fail
1.9
Fail
1.2
Fail
—
1.2
Fail
2.8
Fail
2.2
Fail
1.4
Fail
1.2
Fail
—
White BG
6.1AA
4.9AA
3.1AA Large
2.6Fail
2.2Fail
Black BG
3.4AA Large
4.3AA Large
6.8AA
8.2AAA
9.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

737237
898870
B7B656
C4C365
BDBD55

Deuteranopia

7E8B34
919C6C
C1CD56
CBD567
BEC05C

Tritanopia

B92C2A
C0625F
F75757
F46B6C
C66C71

Achromatopsia

494949
6B6B6B
8A8A8A
9F9F9F
A9A9A9

Shades & Tints Shades & Tints

#C20C45

Dark
Light

#C73882

Dark
Light

#FF5955

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c20c45;
  --color-2: #c73882;
  --color-3: #ff5955;
  --color-4: #fa7d5d;
  --color-5: #c7b038;
}

SCSS

$color-1: #c20c45;
$color-2: #c73882;
$color-3: #ff5955;
$color-4: #fa7d5d;
$color-5: #c7b038;

TAILWIND

colors: {
  'brand-1': '#c20c45',
  'brand-2': '#c73882',
  'brand-3': '#ff5955',
  'brand-4': '#fa7d5d',
  'brand-5': '#c7b038',
}

RGB Array

[194, 12, 69], [199, 56, 130], [255, 89, 85], [250, 125, 93], [199, 176, 56]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C20C45, #C73882, #FF5955, #FA7D5D, #C7B038 is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. 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: #c20c45; --color-2: #c73882; --color-3: #ff5955; --color-4: #fa7d5d; --color-5: #c7b038. 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. 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