← Back to Editor

#DD0001 · #800813 · #CC811B · #C92301

A 4-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

#DD0001

Vermilion · Red · Passion Red

HEX
#DD0001
RGB
rgb(221, 0, 1)
HSL
hsl(360, 100%, 43%)
HSB
hsb(360, 100%, 87%)
CMYK
cmyk(0%, 100%, 100%, 13%)
Oklch
oklch(56.4% 0.231 29.2)

Traditional「Vermilion」· Paint「Passion Red」· Creative Deep Ember

#800813

Vermilion · Maroon · Wine Red

HEX
#800813
RGB
rgb(128, 8, 19)
HSL
hsl(355, 88%, 27%)
HSB
hsb(355, 94%, 50%)
CMYK
cmyk(0%, 94%, 85%, 50%)
Oklch
oklch(38.2% 0.149 25.2)

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

#CC811B

Ochre · Chocolate · Amber Brown

HEX
#CC811B
RGB
rgb(204, 129, 27)
HSL
hsl(35, 77%, 45%)
HSB
hsb(35, 87%, 80%)
CMYK
cmyk(0%, 37%, 87%, 20%)
Oklch
oklch(66.7% 0.139 67.3)

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

#C92301

Vermilion · FireBrick · Wine Red

HEX
#C92301
RGB
rgb(201, 35, 1)
HSL
hsl(10, 99%, 40%)
HSB
hsb(10, 100%, 79%)
CMYK
cmyk(0%, 83%, 100%, 21%)
Oklch
oklch(53.8% 0.203 32.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DD0001
00DBDB

Analogous

DB006E
DD0001
DB6E00

Triadic

DD0001
00DB00
0000DB

Split-Comp.

DD0001
00DB6E
006EDB

Tetradic

DD0001
6EDB00
00DBDB
6E00DB

Contrast Matrix WCAG 2.1 Contrast

DD0001
800813
CC811B
C92301
—
2.1
Fail
1.6
Fail
1.1
Fail
2.1
Fail
—
3.4
AA Large
1.9
Fail
1.6
Fail
3.4
AA Large
—
1.8
Fail
1.1
Fail
1.9
Fail
1.8
Fail
—
White BG
5.2AA
10.7AAA
3.1AA Large
5.6AA
Black BG
4.1AA Large
2.0Fail
6.7AA
3.7AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

7D7B01
4C4B10
ACAB34
818009

Deuteranopia

8A9B01
535C10
B0B53A
8B970B

Tritanopia

D20101
7A0E0E
C8474B
C11011

Achromatopsia

424242
2D2D2D
8C8C8C
515151

Shades & Tints Shades & Tints

#DD0001

Dark
Light

#800813

Dark
Light

#CC811B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dd0001;
  --color-2: #800813;
  --color-3: #cc811b;
  --color-4: #c92301;
}

SCSS

$color-1: #dd0001;
$color-2: #800813;
$color-3: #cc811b;
$color-4: #c92301;

TAILWIND

colors: {
  'brand-1': '#dd0001',
  'brand-2': '#800813',
  'brand-3': '#cc811b',
  'brand-4': '#c92301',
}

RGB Array

[221, 0, 1], [128, 8, 19], [204, 129, 27], [201, 35, 1]

FAQ FAQ

What scenarios is this 4-color palette suitable for?

This general-style palette of #DD0001, #800813, #CC811B, #C92301 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 4-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #dd0001; --color-2: #800813; --color-3: #cc811b; --color-4: #c92301. 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 4-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