← Back to Editor

#740D09 · #40000D · #F3E8E8 · #EABBBB · #AC4646

dark

A 5-color dark 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

#740D09

Vermilion · Maroon · Wine Red

HEX
#740D09
RGB
rgb(116, 13, 9)
HSL
hsl(2, 86%, 25%)
HSB
hsb(2, 92%, 45%)
CMYK
cmyk(0%, 89%, 92%, 55%)
Oklch
oklch(35.9% 0.136 28.8)

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

#40000D

Vermilion · Black · Deep Berry

HEX
#40000D
RGB
rgb(64, 0, 13)
HSL
hsl(348, 100%, 13%)
HSB
hsb(348, 100%, 25%)
CMYK
cmyk(0%, 100%, 80%, 75%)
Oklch
oklch(23.6% 0.094 17.1)

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

#F3E8E8

Peach Pink · Linen · Cherry Blossom

HEX
#F3E8E8
RGB
rgb(243, 232, 232)
HSL
hsl(0, 31%, 93%)
HSB
hsb(0, 5%, 95%)
CMYK
cmyk(0%, 5%, 5%, 5%)
Oklch
oklch(94.0% 0.012 17.4)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#EABBBB

Peach Pink · LightPink · Cherry Blossom

HEX
#EABBBB
RGB
rgb(234, 187, 187)
HSL
hsl(0, 53%, 83%)
HSB
hsb(0, 20%, 92%)
CMYK
cmyk(0%, 20%, 20%, 8%)
Oklch
oklch(83.4% 0.054 18.3)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#AC4646

Crimson · Sienna · Passion Red

HEX
#AC4646
RGB
rgb(172, 70, 70)
HSL
hsl(0, 42%, 47%)
HSB
hsb(0, 59%, 67%)
CMYK
cmyk(0%, 59%, 59%, 33%)
Oklch
oklch(53.0% 0.134 22.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

740D09
097377

Analogous

77093C
740D09
774309

Triadic

740D09
09770D
0D0977

Split-Comp.

740D09
097743
093C77

Tetradic

740D09
3C7709
097377
430977

Contrast Matrix WCAG 2.1 Contrast

740D09
40000D
F3E8E8
EABBBB
AC4646
—
1.5
Fail
9.7
AAA
6.8
AA
2.1
Fail
1.5
Fail
—
14.3
AAA
10.1
AAA
3.0
AA Large
9.7
AAA
14.3
AAA
—
1.4
Fail
4.7
AA
6.8
AA
10.1
AAA
1.4
Fail
—
3.3
AA Large
2.1
Fail
3.0
AA Large
4.7
AA
3.3
AA Large
—
White BG
11.6AAA
17.2AAA
1.2Fail
1.7Fail
5.6AA
Black BG
1.8Fail
1.2Fail
17.5AAA
12.3AAA
3.7AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

47460A
24240A
EEEEE8
D6D5BB
807F46

Deuteranopia

4D550A
282D09
EFF0E8
D8DCBB
868D46

Tritanopia

6F0B0B
3D0707
F2E8E8
E8BBBB
A74646

Achromatopsia

2B2B2B
151515
EBEBEB
C9C9C9
646464

Shades & Tints Shades & Tints

#740D09

Dark
Light

#40000D

Dark
Light

#F3E8E8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #740d09;
  --color-2: #40000d;
  --color-3: #f3e8e8;
  --color-4: #eabbbb;
  --color-5: #ac4646;
}

SCSS

$color-1: #740d09;
$color-2: #40000d;
$color-3: #f3e8e8;
$color-4: #eabbbb;
$color-5: #ac4646;

TAILWIND

colors: {
  'brand-1': '#740d09',
  'brand-2': '#40000d',
  'brand-3': '#f3e8e8',
  'brand-4': '#eabbbb',
  'brand-5': '#ac4646',
}

RGB Array

[116, 13, 9], [64, 0, 13], [243, 232, 232], [234, 187, 187], [172, 70, 70]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #740D09, #40000D, #F3E8E8, #EABBBB, #AC4646 is ideal for: social media posters, mobile apps, e-commerce promos, 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: #740d09; --color-2: #40000d; --color-3: #f3e8e8; --color-4: #eabbbb; --color-5: #ac4646. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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 dark-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