← Back to Editor

#CC1A5C · #F21868 · #FD6A74 · #C5B28E · #799C94

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

#CC1A5C

Dark Violet · Crimson · Camellia

HEX
#CC1A5C
RGB
rgb(204, 26, 92)
HSL
hsl(338, 77%, 45%)
HSB
hsb(338, 87%, 80%)
CMYK
cmyk(0%, 87%, 55%, 20%)
Oklch
oklch(55.1% 0.208 7.2)

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

#F21868

Dark Violet · DeepPink · Rose Pink

HEX
#F21868
RGB
rgb(242, 24, 104)
HSL
hsl(338, 89%, 52%)
HSB
hsb(338, 90%, 95%)
CMYK
cmyk(0%, 90%, 57%, 5%)
Oklch
oklch(62.1% 0.240 8.9)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#FD6A74

Peach Pink · Salmon · Coral Red

HEX
#FD6A74
RGB
rgb(253, 106, 116)
HSL
hsl(356, 97%, 70%)
HSB
hsb(356, 58%, 99%)
CMYK
cmyk(0%, 58%, 54%, 1%)
Oklch
oklch(70.9% 0.180 18.8)

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

#C5B28E

Ginger · Tan · Warm Sun

HEX
#C5B28E
RGB
rgb(197, 178, 142)
HSL
hsl(39, 32%, 66%)
HSB
hsb(39, 28%, 77%)
CMYK
cmyk(0%, 10%, 28%, 23%)
Oklch
oklch(77.1% 0.053 83.3)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#799C94

Mineral Blue · LightSlateGray · Lake Green

HEX
#799C94
RGB
rgb(121, 156, 148)
HSL
hsl(166, 15%, 54%)
HSB
hsb(166, 22%, 61%)
CMYK
cmyk(22%, 0%, 5%, 39%)
Oklch
oklch(66.4% 0.040 179.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CC1A5C
1ACB8A

Analogous

CB1AB4
CC1A5C
CB321A

Triadic

CC1A5C
5BCB1A
1A5BCB

Split-Comp.

CC1A5C
1ACB32
1AB4CB

Tetradic

CC1A5C
B4CB1A
1ACB8A
321ACB

Contrast Matrix WCAG 2.1 Contrast

CC1A5C
F21868
FD6A74
C5B28E
799C94
—
1.3
Fail
1.9
Fail
2.6
Fail
1.8
Fail
1.3
Fail
—
1.5
Fail
2.0
Fail
1.4
Fail
1.9
Fail
1.5
Fail
—
1.4
Fail
1.1
Fail
2.6
Fail
2.0
Fail
1.4
Fail
—
1.4
Fail
1.8
Fail
1.4
Fail
1.1
Fail
1.4
Fail
—
White BG
5.4AA
4.1AA Large
2.8Fail
2.1Fail
3.0AA Large
Black BG
3.9AA Large
5.1AA
7.5AAA
10.1AAA
7.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7F7D4C
949255
BDBC72
BDBD97
888896

Deuteranopia

899748
A0B150
C6D171
BEBF99
868496

Tritanopia

C33F3D
E74542
F6706F
C49E9F
7B9798

Achromatopsia

575757
626262
979797
B4B4B4
919191

Shades & Tints Shades & Tints

#CC1A5C

Dark
Light

#F21868

Dark
Light

#FD6A74

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cc1a5c;
  --color-2: #f21868;
  --color-3: #fd6a74;
  --color-4: #c5b28e;
  --color-5: #799c94;
}

SCSS

$color-1: #cc1a5c;
$color-2: #f21868;
$color-3: #fd6a74;
$color-4: #c5b28e;
$color-5: #799c94;

TAILWIND

colors: {
  'brand-1': '#cc1a5c',
  'brand-2': '#f21868',
  'brand-3': '#fd6a74',
  'brand-4': '#c5b28e',
  'brand-5': '#799c94',
}

RGB Array

[204, 26, 92], [242, 24, 104], [253, 106, 116], [197, 178, 142], [121, 156, 148]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CC1A5C, #F21868, #FD6A74, #C5B28E, #799C94 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: #cc1a5c; --color-2: #f21868; --color-3: #fd6a74; --color-4: #c5b28e; --color-5: #799c94. 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