← Back to Editor

#600000 · #D86018 · #301830 · #D80018 · #306030

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

#600000

Vermilion · Maroon · Deep Berry

HEX
#600000
RGB
rgb(96, 0, 0)
HSL
hsl(0, 100%, 19%)
HSB
hsb(0, 100%, 38%)
CMYK
cmyk(0%, 100%, 100%, 62%)
Oklch
oklch(30.7% 0.126 29.2)

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

#D86018

Tangerine · Chocolate · Amber Brown

HEX
#D86018
RGB
rgb(216, 96, 24)
HSL
hsl(23, 80%, 47%)
HSB
hsb(23, 89%, 85%)
CMYK
cmyk(0%, 56%, 89%, 15%)
Oklch
oklch(62.9% 0.169 45.6)

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

#301830

Rose Purple · DarkSlateGray · Dark Purple

HEX
#301830
RGB
rgb(48, 24, 48)
HSL
hsl(300, 33%, 14%)
HSB
hsb(300, 50%, 19%)
CMYK
cmyk(0%, 50%, 0%, 81%)
Oklch
oklch(25.3% 0.055 327.0)

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

#D80018

Vermilion · Crimson · Passion Red

HEX
#D80018
RGB
rgb(216, 0, 24)
HSL
hsl(353, 100%, 42%)
HSB
hsb(353, 100%, 85%)
CMYK
cmyk(0%, 100%, 89%, 15%)
Oklch
oklch(55.5% 0.226 26.9)

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

#306030

Celadon · DarkSlateGray · Forest Green

HEX
#306030
RGB
rgb(48, 96, 48)
HSL
hsl(120, 33%, 28%)
HSB
hsb(120, 50%, 38%)
CMYK
cmyk(50%, 0%, 50%, 62%)
Oklch
oklch(44.2% 0.092 143.8)

Traditional「Celadon」· Paint「Forest Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

600000
006161

Analogous

610030
600000
613000

Triadic

600000
006100
000061

Split-Comp.

600000
006130
003061

Tetradic

600000
306100
006161
300061

Contrast Matrix WCAG 2.1 Contrast

600000
D86018
301830
D80018
306030
—
3.7
AA Large
1.2
Fail
2.6
Fail
1.9
Fail
3.7
AA Large
—
4.3
AA Large
1.4
Fail
2.0
Fail
1.2
Fail
4.3
AA Large
—
3.0
AA Large
2.2
Fail
2.6
Fail
1.4
Fail
3.0
AA Large
—
1.4
Fail
1.9
Fail
2.0
Fail
2.2
Fail
1.4
Fail
—
White BG
14.0AAA
3.7AA Large
16.2AAA
5.3AA
7.4AAA
Black BG
1.5Fail
5.6AA
1.3Fail
3.9AA Large
2.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

363600
A4A329
26252A
7A7912
45453C

Deuteranopia

3C4300
ABB42E
272929
879711
423E3E

Tritanopia

5B0000
D2373A
2F2625
CD0E0D
324547

Achromatopsia

1D1D1D
7C7C7C
222222
434343
4C4C4C

Shades & Tints Shades & Tints

#600000

Dark
Light

#D86018

Dark
Light

#301830

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #600000;
  --color-2: #d86018;
  --color-3: #301830;
  --color-4: #d80018;
  --color-5: #306030;
}

SCSS

$color-1: #600000;
$color-2: #d86018;
$color-3: #301830;
$color-4: #d80018;
$color-5: #306030;

TAILWIND

colors: {
  'brand-1': '#600000',
  'brand-2': '#d86018',
  'brand-3': '#301830',
  'brand-4': '#d80018',
  'brand-5': '#306030',
}

RGB Array

[96, 0, 0], [216, 96, 24], [48, 24, 48], [216, 0, 24], [48, 96, 48]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #600000, #D86018, #301830, #D80018, #306030 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: #600000; --color-2: #d86018; --color-3: #301830; --color-4: #d80018; --color-5: #306030. 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