← Back to Editor

#C7104A · #FF5757 · #E3CEAC · #8DCCB9 · #499E9D

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 App

Color Details Color Details

#C7104A

Dark Violet · Crimson · Camellia

HEX
#C7104A
RGB
rgb(199, 16, 74)
HSL
hsl(341, 85%, 42%)
HSB
hsb(341, 92%, 78%)
CMYK
cmyk(0%, 92%, 63%, 22%)
Oklch
oklch(53.3% 0.207 12.7)

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

#FF5757

Peach Pink · Tomato · Coral Red

HEX
#FF5757
RGB
rgb(255, 87, 87)
HSL
hsl(0, 100%, 67%)
HSB
hsb(0, 66%, 100%)
CMYK
cmyk(0%, 66%, 66%, 0%)
Oklch
oklch(68.5% 0.204 24.3)

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

#E3CEAC

Goose Yellow · Wheat · Peach Orange

HEX
#E3CEAC
RGB
rgb(227, 206, 172)
HSL
hsl(37, 50%, 78%)
HSB
hsb(37, 24%, 89%)
CMYK
cmyk(0%, 9%, 24%, 11%)
Oklch
oklch(86.0% 0.051 79.8)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#8DCCB9

Jade · MediumAquaMarine · Lake Green

HEX
#8DCCB9
RGB
rgb(141, 204, 185)
HSL
hsl(162, 38%, 68%)
HSB
hsb(162, 31%, 80%)
CMYK
cmyk(31%, 0%, 9%, 20%)
Oklch
oklch(79.7% 0.070 173.7)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#499E9D

Mineral Blue · CadetBlue · Mint Ice

HEX
#499E9D
RGB
rgb(73, 158, 157)
HSL
hsl(179, 37%, 45%)
HSB
hsb(179, 54%, 62%)
CMYK
cmyk(54%, 0%, 1%, 38%)
Oklch
oklch(64.7% 0.082 194.3)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C7104A
10C68C

Analogous

C610A5
C7104A
C63110

Triadic

C7104A
4AC610
104AC6

Split-Comp.

C7104A
10C631
10A5C6

Tetradic

C7104A
A5C610
10C68C
3110C6

Contrast Matrix WCAG 2.1 Contrast

C7104A
FF5757
E3CEAC
8DCCB9
499E9D
—
1.9
Fail
3.8
AA Large
3.2
AA Large
1.8
Fail
1.9
Fail
—
2.0
Fail
1.7
Fail
1.0
Fail
3.8
AA Large
2.0
Fail
—
1.2
Fail
2.1
Fail
3.2
AA Large
1.7
Fail
1.2
Fail
—
1.7
Fail
1.8
Fail
1.0
Fail
2.1
Fail
1.7
Fail
—
White BG
5.8AA
3.1AA Large
1.5Fail
1.8Fail
3.2AA Large
Black BG
3.6AA Large
6.8AA
13.7AAA
11.5AAA
6.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

78763C
B6B557
DADAB4
A8A9BE
6E6F9D

Deuteranopia

829039
C0CD57
DBDDB6
A5A0BF
69639D

Tritanopia

BE312E
F75757
E2BBBC
90C1C2
4D9D9D

Achromatopsia

4D4D4D
898989
D0D0D0
B7B7B7
848484

Shades & Tints Shades & Tints

#C7104A

Dark
Light

#FF5757

Dark
Light

#E3CEAC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c7104a;
  --color-2: #ff5757;
  --color-3: #e3ceac;
  --color-4: #8dccb9;
  --color-5: #499e9d;
}

SCSS

$color-1: #c7104a;
$color-2: #ff5757;
$color-3: #e3ceac;
$color-4: #8dccb9;
$color-5: #499e9d;

TAILWIND

colors: {
  'brand-1': '#c7104a',
  'brand-2': '#ff5757',
  'brand-3': '#e3ceac',
  'brand-4': '#8dccb9',
  'brand-5': '#499e9d',
}

RGB Array

[199, 16, 74], [255, 87, 87], [227, 206, 172], [141, 204, 185], [73, 158, 157]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C7104A, #FF5757, #E3CEAC, #8DCCB9, #499E9D 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: #c7104a; --color-2: #ff5757; --color-3: #e3ceac; --color-4: #8dccb9; --color-5: #499e9d. 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