← Back to Editor

#614649 · #5F2525 · #F11F1F · #FD4838 · #ED878F

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

#614649

Crimson · DarkOliveGreen · Wine Red

HEX
#614649
RGB
rgb(97, 70, 73)
HSL
hsl(353, 16%, 33%)
HSB
hsb(353, 28%, 38%)
CMYK
cmyk(0%, 28%, 25%, 62%)
Oklch
oklch(42.5% 0.037 11.4)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

#5F2525

Crimson · Maroon · Wine Red

HEX
#5F2525
RGB
rgb(95, 37, 37)
HSL
hsl(0, 44%, 26%)
HSB
hsb(0, 61%, 37%)
CMYK
cmyk(0%, 61%, 61%, 63%)
Oklch
oklch(34.9% 0.085 22.5)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

#F11F1F

Vermilion · Crimson · Passion Red

HEX
#F11F1F
RGB
rgb(241, 31, 31)
HSL
hsl(0, 88%, 53%)
HSB
hsb(0, 87%, 95%)
CMYK
cmyk(0%, 87%, 87%, 5%)
Oklch
oklch(61.1% 0.237 28.1)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#FD4838

Peach Pink · Tomato · Coral Red

HEX
#FD4838
RGB
rgb(253, 72, 56)
HSL
hsl(5, 98%, 61%)
HSB
hsb(5, 78%, 99%)
CMYK
cmyk(0%, 72%, 78%, 1%)
Oklch
oklch(66.2% 0.220 29.3)

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

#ED878F

Peach Pink · LightCoral · Coral Red

HEX
#ED878F
RGB
rgb(237, 135, 143)
HSL
hsl(355, 74%, 73%)
HSB
hsb(355, 43%, 93%)
CMYK
cmyk(0%, 43%, 40%, 7%)
Oklch
oklch(73.5% 0.125 15.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

614649
47625E

Analogous

624757
614649
625147

Triadic

614649
4A6247
474A62

Split-Comp.

614649
476251
475762

Tetradic

614649
576247
47625E
514762

Contrast Matrix WCAG 2.1 Contrast

614649
5F2525
F11F1F
FD4838
ED878F
—
1.4
Fail
2.0
Fail
2.5
Fail
3.4
AA Large
1.4
Fail
—
2.8
Fail
3.5
AA Large
4.8
AA
2.0
Fail
2.8
Fail
—
1.2
Fail
1.7
Fail
2.5
Fail
3.5
AA Large
1.2
Fail
—
1.4
Fail
3.4
AA Large
4.8
AA
1.7
Fail
1.4
Fail
—
White BG
8.5AAA
11.8AAA
4.2AA Large
3.4AA Large
2.5Fail
Black BG
2.5Fail
1.8Fail
5.0AA
6.2AA
8.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

555548
464525
96941F
AFAD3C
C1C08D

Deuteranopia

575948
494E25
A2B21F
B9C73D
C7CE8D

Tritanopia

604848
5C2525
E71F1F
F43F40
E88C8B

Achromatopsia

4E4E4E
363636
5E5E5E
7C7C7C
A6A6A6

Shades & Tints Shades & Tints

#614649

Dark
Light

#5F2525

Dark
Light

#F11F1F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #614649;
  --color-2: #5f2525;
  --color-3: #f11f1f;
  --color-4: #fd4838;
  --color-5: #ed878f;
}

SCSS

$color-1: #614649;
$color-2: #5f2525;
$color-3: #f11f1f;
$color-4: #fd4838;
$color-5: #ed878f;

TAILWIND

colors: {
  'brand-1': '#614649',
  'brand-2': '#5f2525',
  'brand-3': '#f11f1f',
  'brand-4': '#fd4838',
  'brand-5': '#ed878f',
}

RGB Array

[97, 70, 73], [95, 37, 37], [241, 31, 31], [253, 72, 56], [237, 135, 143]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #614649, #5F2525, #F11F1F, #FD4838, #ED878F 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: #614649; --color-2: #5f2525; --color-3: #f11f1f; --color-4: #fd4838; --color-5: #ed878f. 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