← Back to Editor

#301919 · #850000 · #261B1B · #CC0404 · #1C1918

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 Library

Color Details Color Details

#301919

Crimson · Black · Deep Berry

HEX
#301919
RGB
rgb(48, 25, 25)
HSL
hsl(0, 32%, 14%)
HSB
hsb(0, 48%, 19%)
CMYK
cmyk(0%, 48%, 48%, 81%)
Oklch
oklch(24.5% 0.037 20.1)

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

#850000

Vermilion · Maroon · Wine Red

HEX
#850000
RGB
rgb(133, 0, 0)
HSL
hsl(0, 100%, 26%)
HSB
hsb(0, 100%, 52%)
CMYK
cmyk(0%, 100%, 100%, 48%)
Oklch
oklch(38.7% 0.159 29.2)

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

#261B1B

Crimson · Black · Deep Berry

HEX
#261B1B
RGB
rgb(38, 27, 27)
HSL
hsl(0, 17%, 13%)
HSB
hsb(0, 29%, 15%)
CMYK
cmyk(0%, 29%, 29%, 85%)
Oklch
oklch(23.6% 0.018 18.5)

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

#CC0404

Vermilion · FireBrick · Passion Red

HEX
#CC0404
RGB
rgb(204, 4, 4)
HSL
hsl(0, 96%, 41%)
HSB
hsb(0, 98%, 80%)
CMYK
cmyk(0%, 98%, 98%, 20%)
Oklch
oklch(53.2% 0.217 29.1)

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

#1C1918

Tangerine · Black · Jet Black

HEX
#1C1918
RGB
rgb(28, 25, 24)
HSL
hsl(15, 8%, 10%)
HSB
hsb(15, 14%, 11%)
CMYK
cmyk(0%, 11%, 14%, 89%)
Oklch
oklch(21.6% 0.005 39.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

301919
182F2F

Analogous

2F1824
301919
2F2418

Triadic

301919
182F18
18182F

Split-Comp.

301919
182F24
18242F

Tetradic

301919
242F18
182F2F
24182F

Contrast Matrix WCAG 2.1 Contrast

301919
850000
261B1B
CC0404
1C1918
—
1.6
Fail
1.0
Fail
2.8
Fail
1.1
Fail
1.6
Fail
—
1.6
Fail
1.8
Fail
1.7
Fail
1.0
Fail
1.6
Fail
—
2.9
Fail
1.0
Fail
2.8
Fail
1.8
Fail
2.9
Fail
—
3.0
Fail
1.1
Fail
1.7
Fail
1.0
Fail
3.0
Fail
—
White BG
16.4AAA
10.5AAA
16.7AAA
5.9AA
17.5AAA
Black BG
1.3Fail
2.0Fail
1.3Fail
3.6AA Large
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

262619
4B4A00
21211B
757404
1B1B18

Deuteranopia

272919
535D00
22231B
819004
1B1B18

Tritanopia

2F1919
7E0000
251B1B
C20404
1C1818

Achromatopsia

202020
282828
1E1E1E
404040
1A1A1A

Shades & Tints Shades & Tints

#301919

Dark
Light

#850000

Dark
Light

#261B1B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #301919;
  --color-2: #850000;
  --color-3: #261b1b;
  --color-4: #cc0404;
  --color-5: #1c1918;
}

SCSS

$color-1: #301919;
$color-2: #850000;
$color-3: #261b1b;
$color-4: #cc0404;
$color-5: #1c1918;

TAILWIND

colors: {
  'brand-1': '#301919',
  'brand-2': '#850000',
  'brand-3': '#261b1b',
  'brand-4': '#cc0404',
  'brand-5': '#1c1918',
}

RGB Array

[48, 25, 25], [133, 0, 0], [38, 27, 27], [204, 4, 4], [28, 25, 24]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #301919, #850000, #261B1B, #CC0404, #1C1918 is ideal for: tech websites, dark mode UIs, game UIs. 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: #301919; --color-2: #850000; --color-3: #261b1b; --color-4: #cc0404; --color-5: #1c1918. 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 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