← Back to Editor

#CE1751 · #F70854 · #1ABB9B · #F78E08 · #F2AC18

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

#CE1751

Dark Violet · Crimson · Camellia

HEX
#CE1751
RGB
rgb(206, 23, 81)
HSL
hsl(341, 80%, 45%)
HSB
hsb(341, 89%, 81%)
CMYK
cmyk(0%, 89%, 61%, 19%)
Oklch
oklch(55.0% 0.210 11.6)

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

#F70854

Dark Violet · Crimson · Camellia

HEX
#F70854
RGB
rgb(247, 8, 84)
HSL
hsl(341, 94%, 50%)
HSB
hsb(341, 97%, 97%)
CMYK
cmyk(0%, 97%, 66%, 3%)
Oklch
oklch(62.2% 0.246 15.1)

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

#1ABB9B

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#1ABB9B
RGB
rgb(26, 187, 155)
HSL
hsl(168, 76%, 42%)
HSB
hsb(168, 86%, 73%)
CMYK
cmyk(86%, 0%, 17%, 27%)
Oklch
oklch(70.9% 0.131 174.1)

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

#F78E08

Ochre · Orange · Amber Brown

HEX
#F78E08
RGB
rgb(247, 142, 8)
HSL
hsl(34, 94%, 50%)
HSB
hsb(34, 97%, 97%)
CMYK
cmyk(0%, 43%, 97%, 3%)
Oklch
oklch(74.4% 0.171 61.1)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#F2AC18

Ginger · GoldenRod · Sunflower

HEX
#F2AC18
RGB
rgb(242, 172, 24)
HSL
hsl(41, 89%, 52%)
HSB
hsb(41, 90%, 95%)
CMYK
cmyk(0%, 29%, 90%, 5%)
Oklch
oklch(79.1% 0.160 78.3)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CE1751
17CF94

Analogous

CF17AD
CE1751
CF3917

Triadic

CE1751
51CF17
1751CF

Split-Comp.

CE1751
17CF39
17ADCF

Tetradic

CE1751
ADCF17
17CF94
3917CF

Contrast Matrix WCAG 2.1 Contrast

CE1751
F70854
1ABB9B
F78E08
F2AC18
—
1.3
Fail
2.2
Fail
2.3
Fail
2.8
Fail
1.3
Fail
—
1.7
Fail
1.7
Fail
2.1
Fail
2.2
Fail
1.7
Fail
—
1.0
Fail
1.2
Fail
2.3
Fail
1.7
Fail
1.0
Fail
—
1.2
Fail
2.8
Fail
2.1
Fail
1.2
Fail
1.2
Fail
—
White BG
5.4AA
4.1AA Large
2.4Fail
2.4Fail
2.0Fail
Black BG
3.9AA Large
5.1AA
8.6AAA
8.8AAA
10.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7F7D43
908D42
6061A3
CAC928
D4D33C

Deuteranopia

899740
9DAF3D
564AA5
D0D730
D8DD44

Tritanopia

C53835
EB3330
22A9AA
F24248
EE585E

Achromatopsia

545454
585858
878787
9E9E9E
B0B0B0

Shades & Tints Shades & Tints

#CE1751

Dark
Light

#F70854

Dark
Light

#1ABB9B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ce1751;
  --color-2: #f70854;
  --color-3: #1abb9b;
  --color-4: #f78e08;
  --color-5: #f2ac18;
}

SCSS

$color-1: #ce1751;
$color-2: #f70854;
$color-3: #1abb9b;
$color-4: #f78e08;
$color-5: #f2ac18;

TAILWIND

colors: {
  'brand-1': '#ce1751',
  'brand-2': '#f70854',
  'brand-3': '#1abb9b',
  'brand-4': '#f78e08',
  'brand-5': '#f2ac18',
}

RGB Array

[206, 23, 81], [247, 8, 84], [26, 187, 155], [247, 142, 8], [242, 172, 24]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CE1751, #F70854, #1ABB9B, #F78E08, #F2AC18 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: #ce1751; --color-2: #f70854; --color-3: #1abb9b; --color-4: #f78e08; --color-5: #f2ac18. 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