← Back to Editor

#EC5992 · #B44C6E · #6A3A3D · #2B1B1B · #000000

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#EC5992

Rouge · LightCoral · Rose Pink

HEX
#EC5992
RGB
rgb(236, 89, 146)
HSL
hsl(337, 79%, 64%)
HSB
hsb(337, 62%, 93%)
CMYK
cmyk(0%, 62%, 38%, 7%)
Oklch
oklch(67.1% 0.188 359.5)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#B44C6E

Dark Violet · MediumVioletRed · Camellia

HEX
#B44C6E
RGB
rgb(180, 76, 110)
HSL
hsl(340, 41%, 50%)
HSB
hsb(340, 58%, 71%)
CMYK
cmyk(0%, 58%, 39%, 29%)
Oklch
oklch(56.1% 0.139 2.2)

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

#6A3A3D

Crimson · DarkOliveGreen · Wine Red

HEX
#6A3A3D
RGB
rgb(106, 58, 61)
HSL
hsl(356, 29%, 32%)
HSB
hsb(356, 45%, 42%)
CMYK
cmyk(0%, 45%, 42%, 58%)
Oklch
oklch(40.9% 0.068 16.5)

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

#2B1B1B

Crimson · Black · Deep Berry

HEX
#2B1B1B
RGB
rgb(43, 27, 27)
HSL
hsl(0, 23%, 14%)
HSB
hsb(0, 37%, 17%)
CMYK
cmyk(0%, 37%, 37%, 83%)
Oklch
oklch(24.3% 0.026 19.1)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#000000

Ink Black · Black · Jet Black

HEX
#000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
HSB
hsb(0, 0%, 0%)
CMYK
cmyk(0%, 0%, 0%, 100%)
Oklch
oklch(0.0% 0.000 0.0)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EC5992
5BECB4

Analogous

EC5BDB
EC5992
EC6C5B

Triadic

EC5992
92EC5B
5B92EC

Split-Comp.

EC5992
5BEC6C
5BDBEC

Tetradic

EC5992
DBEC5B
5BECB4
6C5BEC

Contrast Matrix WCAG 2.1 Contrast

EC5992
B44C6E
6A3A3D
2B1B1B
000000
—
1.5
Fail
2.8
Fail
5.0
AA
6.4
AA
1.5
Fail
—
1.8
Fail
3.3
AA Large
4.2
AA Large
2.8
Fail
1.8
Fail
—
1.8
Fail
2.3
Fail
5.0
AA
3.3
AA Large
1.8
Fail
—
1.3
Fail
6.4
AA
4.2
AA Large
2.3
Fail
1.3
Fail
—
White BG
3.3AA Large
5.0AA
9.2AAA
16.5AAA
21.0AAA
Black BG
6.4AA
4.2AA Large
2.3Fail
1.3Fail
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

ACAB84
878666
55553C
24241B
000000

Deuteranopia

B5C081
8D9564
585C3C
25261B
000000

Tritanopia

E57977
AF5F5E
683C3C
2A1B1B
000000

Achromatopsia

8B8B8B
6F6F6F
494949
202020
000000

Shades & Tints Shades & Tints

#EC5992

Dark
Light

#B44C6E

Dark
Light

#6A3A3D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ec5992;
  --color-2: #b44c6e;
  --color-3: #6a3a3d;
  --color-4: #2b1b1b;
  --color-5: #000000;
}

SCSS

$color-1: #ec5992;
$color-2: #b44c6e;
$color-3: #6a3a3d;
$color-4: #2b1b1b;
$color-5: #000000;

TAILWIND

colors: {
  'brand-1': '#ec5992',
  'brand-2': '#b44c6e',
  'brand-3': '#6a3a3d',
  'brand-4': '#2b1b1b',
  'brand-5': '#000000',
}

RGB Array

[236, 89, 146], [180, 76, 110], [106, 58, 61], [43, 27, 27], [0, 0, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EC5992, #B44C6E, #6A3A3D, #2B1B1B, #000000 is ideal for: tech websites, dark mode UIs, game UIs, 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: #ec5992; --color-2: #b44c6e; --color-3: #6a3a3d; --color-4: #2b1b1b; --color-5: #000000. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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