← Back to Editor

#152643 · #36223F · #701A39 · #9E1434 · #CA0F2F

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

#152643

Indigo · MidnightBlue · Deep Sea Blue

HEX
#152643
RGB
rgb(21, 38, 67)
HSL
hsl(218, 52%, 17%)
HSB
hsb(218, 69%, 26%)
CMYK
cmyk(69%, 43%, 0%, 74%)
Oklch
oklch(27.0% 0.059 260.5)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#36223F

Dark Plum · DarkSlateGray · Dark Purple

HEX
#36223F
RGB
rgb(54, 34, 63)
HSL
hsl(281, 30%, 19%)
HSB
hsb(281, 46%, 25%)
CMYK
cmyk(14%, 46%, 0%, 75%)
Oklch
oklch(29.0% 0.057 314.8)

Traditional「Dark Plum」· Paint「Dark Purple」· Creative Blush Sunrise

#701A39

Dark Violet · Brown · Camellia

HEX
#701A39
RGB
rgb(112, 26, 57)
HSL
hsl(338, 62%, 27%)
HSB
hsb(338, 77%, 44%)
CMYK
cmyk(0%, 77%, 49%, 56%)
Oklch
oklch(37.1% 0.121 3.6)

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

#9E1434

Vermilion · Brown · Wine Red

HEX
#9E1434
RGB
rgb(158, 20, 52)
HSL
hsl(346, 78%, 35%)
HSB
hsb(346, 87%, 62%)
CMYK
cmyk(0%, 87%, 67%, 38%)
Oklch
oklch(45.3% 0.169 16.1)

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

#CA0F2F

Vermilion · Crimson · Passion Red

HEX
#CA0F2F
RGB
rgb(202, 15, 47)
HSL
hsl(350, 86%, 43%)
HSB
hsb(350, 93%, 79%)
CMYK
cmyk(0%, 93%, 77%, 21%)
Oklch
oklch(53.4% 0.209 22.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

152643
423115

Analogous

153C42
152643
1B1542

Triadic

152643
421525
254215

Split-Comp.

152643
421B15
3C4215

Tetradic

152643
42153C
423115
15421B

Contrast Matrix WCAG 2.1 Contrast

152643
36223F
701A39
9E1434
CA0F2F
—
1.0
Fail
1.4
Fail
1.9
Fail
2.6
Fail
1.0
Fail
—
1.3
Fail
1.8
Fail
2.5
Fail
1.4
Fail
1.3
Fail
—
1.4
Fail
1.9
Fail
1.9
Fail
1.8
Fail
1.4
Fail
—
1.4
Fail
2.6
Fail
2.5
Fail
1.9
Fail
1.4
Fail
—
White BG
15.1AAA
14.4AAA
11.1AAA
8.1AAA
5.8AA
Black BG
1.4Fail
1.5Fail
1.9Fail
2.6Fail
3.6AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

1C1D3C
2D2D38
4B4A31
62612C
797727

Deuteranopia

1B1A3A
2F3036
505630
6A752A
849225

Tritanopia

163635
353231
6C2C2A
972625
C12120

Achromatopsia

242424
2B2B2B
373737
414141
4B4B4B

Shades & Tints Shades & Tints

#152643

Dark
Light

#36223F

Dark
Light

#701A39

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #152643;
  --color-2: #36223f;
  --color-3: #701a39;
  --color-4: #9e1434;
  --color-5: #ca0f2f;
}

SCSS

$color-1: #152643;
$color-2: #36223f;
$color-3: #701a39;
$color-4: #9e1434;
$color-5: #ca0f2f;

TAILWIND

colors: {
  'brand-1': '#152643',
  'brand-2': '#36223f',
  'brand-3': '#701a39',
  'brand-4': '#9e1434',
  'brand-5': '#ca0f2f',
}

RGB Array

[21, 38, 67], [54, 34, 63], [112, 26, 57], [158, 20, 52], [202, 15, 47]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #152643, #36223F, #701A39, #9E1434, #CA0F2F is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. 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: #152643; --color-2: #36223f; --color-3: #701a39; --color-4: #9e1434; --color-5: #ca0f2f. 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. 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