← Back to Editor

#073838 · #241D19 · #8C1123 · #AB2C0C · #D4570E

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#073838

Lake Blue · DarkSlateGray · Peacock Green

HEX
#073838
RGB
rgb(7, 56, 56)
HSL
hsl(180, 78%, 12%)
HSB
hsb(180, 87%, 22%)
CMYK
cmyk(87%, 0%, 0%, 78%)
Oklch
oklch(31.0% 0.049 194.9)

Traditional「Lake Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#241D19

Tangerine · Black · Cinnamon

HEX
#241D19
RGB
rgb(36, 29, 25)
HSL
hsl(22, 18%, 12%)
HSB
hsb(22, 31%, 14%)
CMYK
cmyk(0%, 19%, 31%, 86%)
Oklch
oklch(23.8% 0.013 51.5)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#8C1123

Vermilion · Brown · Wine Red

HEX
#8C1123
RGB
rgb(140, 17, 35)
HSL
hsl(351, 78%, 31%)
HSB
hsb(351, 88%, 55%)
CMYK
cmyk(0%, 88%, 75%, 45%)
Oklch
oklch(41.3% 0.155 21.1)

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

#AB2C0C

Vermilion · FireBrick · Wine Red

HEX
#AB2C0C
RGB
rgb(171, 44, 12)
HSL
hsl(12, 87%, 36%)
HSB
hsb(12, 93%, 67%)
CMYK
cmyk(0%, 74%, 93%, 33%)
Oklch
oklch(49.1% 0.168 34.1)

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

#D4570E

Tangerine · Chocolate · Amber Brown

HEX
#D4570E
RGB
rgb(212, 87, 14)
HSL
hsl(22, 88%, 44%)
HSB
hsb(22, 93%, 83%)
CMYK
cmyk(0%, 59%, 93%, 17%)
Oklch
oklch(61.0% 0.173 43.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

073838
360707

Analogous

07361F
073838
071F36

Triadic

073838
360736
363607

Split-Comp.

073838
36071F
361F07

Tetradic

073838
1F0736
360707
1F3607

Contrast Matrix WCAG 2.1 Contrast

073838
241D19
8C1123
AB2C0C
D4570E
—
1.3
Fail
1.4
Fail
1.9
Fail
3.2
AA Large
1.3
Fail
—
1.8
Fail
2.4
Fail
4.1
AA Large
1.4
Fail
1.8
Fail
—
1.4
Fail
2.3
Fail
1.9
Fail
2.4
Fail
1.4
Fail
—
1.7
Fail
3.2
AA Large
4.1
AA Large
2.3
Fail
1.7
Fail
—
White BG
12.9AAA
16.6AAA
9.5AAA
6.8AA
4.1AA Large
Black BG
1.6Fail
1.3Fail
2.2Fail
3.1AA Large
5.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1C1D38
21211A
57561F
747314
9E9D20

Deuteranopia

191638
21221A
5E671E
7B8516
A5AE24

Tritanopia

093838
241B1B
861B1A
A51A1B
CE2E31

Achromatopsia

292929
1F1F1F
383838
4E4E4E
747474

Shades & Tints Shades & Tints

#073838

Dark
Light

#241D19

Dark
Light

#8C1123

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #073838;
  --color-2: #241d19;
  --color-3: #8c1123;
  --color-4: #ab2c0c;
  --color-5: #d4570e;
}

SCSS

$color-1: #073838;
$color-2: #241d19;
$color-3: #8c1123;
$color-4: #ab2c0c;
$color-5: #d4570e;

TAILWIND

colors: {
  'brand-1': '#073838',
  'brand-2': '#241d19',
  'brand-3': '#8c1123',
  'brand-4': '#ab2c0c',
  'brand-5': '#d4570e',
}

RGB Array

[7, 56, 56], [36, 29, 25], [140, 17, 35], [171, 44, 12], [212, 87, 14]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #073838, #241D19, #8C1123, #AB2C0C, #D4570E 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: #073838; --color-2: #241d19; --color-3: #8c1123; --color-4: #ab2c0c; --color-5: #d4570e. 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