← Back to Editor

#DF6B78 · #DA1452 · #552244 · #5B5959 · #75BFB6

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#DF6B78

Peach Pink · LightCoral · Coral Red

HEX
#DF6B78
RGB
rgb(223, 107, 120)
HSL
hsl(353, 64%, 65%)
HSB
hsb(353, 52%, 87%)
CMYK
cmyk(0%, 52%, 46%, 13%)
Oklch
oklch(66.9% 0.145 14.9)

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

#DA1452

Dark Violet · Crimson · Camellia

HEX
#DA1452
RGB
rgb(218, 20, 82)
HSL
hsl(341, 83%, 47%)
HSB
hsb(341, 91%, 85%)
CMYK
cmyk(0%, 91%, 62%, 15%)
Oklch
oklch(57.1% 0.221 12.8)

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

#552244

Rose Purple · DarkSlateGray · Raspberry

HEX
#552244
RGB
rgb(85, 34, 68)
HSL
hsl(320, 43%, 23%)
HSB
hsb(320, 60%, 33%)
CMYK
cmyk(0%, 60%, 20%, 67%)
Oklch
oklch(33.8% 0.088 342.2)

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

#5B5959

Ink Gray · DimGray · Charcoal

HEX
#5B5959
RGB
rgb(91, 89, 89)
HSL
hsl(0, 1%, 35%)
HSB
hsb(0, 2%, 36%)
CMYK
cmyk(0%, 2%, 2%, 64%)
Oklch
oklch(46.6% 0.003 17.2)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

#75BFB6

Mineral Blue · MediumAquaMarine · Lake Green

HEX
#75BFB6
RGB
rgb(117, 191, 182)
HSL
hsl(173, 37%, 60%)
HSB
hsb(173, 39%, 75%)
CMYK
cmyk(39%, 0%, 5%, 25%)
Oklch
oklch(75.4% 0.075 185.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DF6B78
6DDFD2

Analogous

DF6DB3
DF6B78
DF986D

Triadic

DF6B78
7ADF6D
6D7ADF

Split-Comp.

DF6B78
6DDF98
6DB3DF

Tetradic

DF6B78
B3DF6D
6DDFD2
986DDF

Contrast Matrix WCAG 2.1 Contrast

DF6B78
DA1452
552244
5B5959
75BFB6
—
1.5
Fail
3.8
AA Large
2.2
Fail
1.5
Fail
1.5
Fail
—
2.5
Fail
1.4
Fail
2.4
Fail
3.8
AA Large
2.5
Fail
—
1.8
Fail
5.8
AA
2.2
Fail
1.4
Fail
1.8
Fail
—
3.3
AA Large
1.5
Fail
2.4
Fail
5.8
AA
3.3
AA Large
—
White BG
3.2AA Large
5.0AA
12.4AAA
7.0AA
2.1Fail
Black BG
6.5AA
4.2AA Large
1.7Fail
3.0AA Large
9.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ADAC75
848243
3F3E3C
5A5A59
9596B8

Deuteranopia

B4BC74
909F3F
42463A
5A5A59
918BB9

Tritanopia

D97272
D03735
523534
5B5959
79BABA

Achromatopsia

8F8F8F
565656
353535
5A5A5A
A8A8A8

Shades & Tints Shades & Tints

#DF6B78

Dark
Light

#DA1452

Dark
Light

#552244

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #df6b78;
  --color-2: #da1452;
  --color-3: #552244;
  --color-4: #5b5959;
  --color-5: #75bfb6;
}

SCSS

$color-1: #df6b78;
$color-2: #da1452;
$color-3: #552244;
$color-4: #5b5959;
$color-5: #75bfb6;

TAILWIND

colors: {
  'brand-1': '#df6b78',
  'brand-2': '#da1452',
  'brand-3': '#552244',
  'brand-4': '#5b5959',
  'brand-5': '#75bfb6',
}

RGB Array

[223, 107, 120], [218, 20, 82], [85, 34, 68], [91, 89, 89], [117, 191, 182]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DF6B78, #DA1452, #552244, #5B5959, #75BFB6 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #df6b78; --color-2: #da1452; --color-3: #552244; --color-4: #5b5959; --color-5: #75bfb6. 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 tech, SaaS, healthcare, eco industries. 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