← Back to Editor

#240737 · #562469 · #B20D2D · #973D0B · #B0A70A

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 App

Color Details Color Details

#240737

Royal Purple · MidnightBlue · Dark Purple

HEX
#240737
RGB
rgb(36, 7, 55)
HSL
hsl(276, 77%, 12%)
HSB
hsb(276, 87%, 22%)
CMYK
cmyk(35%, 87%, 0%, 78%)
Oklch
oklch(21.2% 0.089 308.0)

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

#562469

Dark Plum · DarkSlateBlue · Eggplant

HEX
#562469
RGB
rgb(86, 36, 105)
HSL
hsl(283, 49%, 28%)
HSB
hsb(283, 66%, 41%)
CMYK
cmyk(18%, 66%, 0%, 59%)
Oklch
oklch(36.4% 0.123 315.5)

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

#B20D2D

Vermilion · FireBrick · Wine Red

HEX
#B20D2D
RGB
rgb(178, 13, 45)
HSL
hsl(348, 86%, 37%)
HSB
hsb(348, 93%, 70%)
CMYK
cmyk(0%, 93%, 75%, 30%)
Oklch
oklch(48.7% 0.190 20.6)

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

#973D0B

Tangerine · Brown · Amber Brown

HEX
#973D0B
RGB
rgb(151, 61, 11)
HSL
hsl(21, 86%, 32%)
HSB
hsb(21, 93%, 59%)
CMYK
cmyk(0%, 60%, 93%, 41%)
Oklch
oklch(47.7% 0.133 43.7)

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

#B0A70A

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#B0A70A
RGB
rgb(176, 167, 10)
HSL
hsl(57, 89%, 36%)
HSB
hsb(57, 94%, 69%)
CMYK
cmyk(0%, 5%, 94%, 31%)
Oklch
oklch(71.3% 0.150 105.7)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

240737
1A3607

Analogous

0C0736
240737
360731

Triadic

240737
362307
073623

Split-Comp.

240737
313607
07360C

Tetradic

240737
360C07
1A3607
073136

Contrast Matrix WCAG 2.1 Contrast

240737
562469
B20D2D
973D0B
B0A70A
—
1.6
Fail
2.6
Fail
2.6
Fail
7.2
AAA
1.6
Fail
—
1.6
Fail
1.6
Fail
4.5
AA
2.6
Fail
1.6
Fail
—
1.0
Fail
2.8
Fail
2.6
Fail
1.6
Fail
1.0
Fail
—
2.8
Fail
7.2
AAA
4.5
AA
2.8
Fail
2.8
Fail
—
White BG
18.1AAA
11.3AAA
7.0AAA
7.0AAA
2.5Fail
Black BG
1.2Fail
1.9Fail
3.0Fail
3.0Fail
8.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

17172B
404058
6B6925
706F17
ACAC30

Deuteranopia

191B29
434754
748123
757C1A
ADAD39

Tritanopia

232220
544B48
AA1F1E
932123
B04E55

Achromatopsia

151515
3B3B3B
424242
525252
989898

Shades & Tints Shades & Tints

#240737

Dark
Light

#562469

Dark
Light

#B20D2D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #240737;
  --color-2: #562469;
  --color-3: #b20d2d;
  --color-4: #973d0b;
  --color-5: #b0a70a;
}

SCSS

$color-1: #240737;
$color-2: #562469;
$color-3: #b20d2d;
$color-4: #973d0b;
$color-5: #b0a70a;

TAILWIND

colors: {
  'brand-1': '#240737',
  'brand-2': '#562469',
  'brand-3': '#b20d2d',
  'brand-4': '#973d0b',
  'brand-5': '#b0a70a',
}

RGB Array

[36, 7, 55], [86, 36, 105], [178, 13, 45], [151, 61, 11], [176, 167, 10]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #240737, #562469, #B20D2D, #973D0B, #B0A70A 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: #240737; --color-2: #562469; --color-3: #b20d2d; --color-4: #973d0b; --color-5: #b0a70a. 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