← Back to Editor

#DB001E · #8B1F13 · #3E0B1B · #B9D89A · #0B562B

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 AppData Visualization

Color Details Color Details

#DB001E

Vermilion · Crimson · Passion Red

HEX
#DB001E
RGB
rgb(219, 0, 30)
HSL
hsl(352, 100%, 43%)
HSB
hsb(352, 100%, 86%)
CMYK
cmyk(0%, 100%, 86%, 14%)
Oklch
oklch(56.1% 0.228 26.0)

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

#8B1F13

Vermilion · DarkRed · Wine Red

HEX
#8B1F13
RGB
rgb(139, 31, 19)
HSL
hsl(6, 76%, 31%)
HSB
hsb(6, 86%, 55%)
CMYK
cmyk(0%, 78%, 86%, 45%)
Oklch
oklch(41.9% 0.145 30.4)

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

#3E0B1B

Dark Violet · Black · Raspberry

HEX
#3E0B1B
RGB
rgb(62, 11, 27)
HSL
hsl(341, 70%, 14%)
HSB
hsb(341, 82%, 24%)
CMYK
cmyk(0%, 82%, 56%, 76%)
Oklch
oklch(24.8% 0.079 6.3)

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

#B9D89A

Celadon · Silver · Apple Green

HEX
#B9D89A
RGB
rgb(185, 216, 154)
HSL
hsl(90, 44%, 73%)
HSB
hsb(90, 29%, 85%)
CMYK
cmyk(14%, 0%, 29%, 15%)
Oklch
oklch(84.4% 0.089 129.7)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#0B562B

Pine Green · DarkGreen · Dark Green

HEX
#0B562B
RGB
rgb(11, 86, 43)
HSL
hsl(146, 77%, 19%)
HSB
hsb(146, 87%, 34%)
CMYK
cmyk(87%, 0%, 50%, 66%)
Oklch
oklch(39.9% 0.099 152.0)

Traditional「Pine Green」· Paint「Dark Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DB001E
00DBBE

Analogous

DB008B
DB001E
DB5000

Triadic

DB001E
1DDB00
001DDB

Split-Comp.

DB001E
00DB50
008BDB

Tetradic

DB001E
8BDB00
00DBBE
5000DB

Contrast Matrix WCAG 2.1 Contrast

DB001E
8B1F13
3E0B1B
B9D89A
0B562B
—
1.8
Fail
3.2
AA Large
3.3
AA Large
1.7
Fail
1.8
Fail
—
1.8
Fail
5.8
AA
1.0
Fail
3.2
AA Large
1.8
Fail
—
10.5
AAA
1.9
Fail
3.3
AA Large
5.8
AA
10.5
AAA
—
5.6
AA
1.7
Fail
1.0
Fail
1.9
Fail
5.6
AA
—
White BG
5.2AA
9.1AAA
16.6AAA
1.6Fail
8.8AAA
Black BG
4.0AA Large
2.3Fail
1.3Fail
13.4AAA
2.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

7C7A17
5C5B16
282717
C6C7A9
2B2C35

Deuteranopia

899915
636B17
2B2F16
C5C2AD
272238

Tritanopia

D01110
861819
3B1413
BBB5B7
0F3E3F

Achromatopsia

454545
3E3E3E
1C1C1C
C8C8C8
3B3B3B

Shades & Tints Shades & Tints

#DB001E

Dark
Light

#8B1F13

Dark
Light

#3E0B1B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #db001e;
  --color-2: #8b1f13;
  --color-3: #3e0b1b;
  --color-4: #b9d89a;
  --color-5: #0b562b;
}

SCSS

$color-1: #db001e;
$color-2: #8b1f13;
$color-3: #3e0b1b;
$color-4: #b9d89a;
$color-5: #0b562b;

TAILWIND

colors: {
  'brand-1': '#db001e',
  'brand-2': '#8b1f13',
  'brand-3': '#3e0b1b',
  'brand-4': '#b9d89a',
  'brand-5': '#0b562b',
}

RGB Array

[219, 0, 30], [139, 31, 19], [62, 11, 27], [185, 216, 154], [11, 86, 43]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DB001E, #8B1F13, #3E0B1B, #B9D89A, #0B562B is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #db001e; --color-2: #8b1f13; --color-3: #3e0b1b; --color-4: #b9d89a; --color-5: #0b562b. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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