← Back to Editor

#AF0E0D · #7C0C16 · #49091F · #CB7F00 · #0F021F

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

#AF0E0D

Vermilion · FireBrick · Wine Red

HEX
#AF0E0D
RGB
rgb(175, 14, 13)
HSL
hsl(0, 86%, 37%)
HSB
hsb(0, 93%, 69%)
CMYK
cmyk(0%, 92%, 93%, 31%)
Oklch
oklch(47.8% 0.189 28.6)

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

#7C0C16

Vermilion · Maroon · Wine Red

HEX
#7C0C16
RGB
rgb(124, 12, 22)
HSL
hsl(355, 82%, 27%)
HSB
hsb(355, 90%, 49%)
CMYK
cmyk(0%, 90%, 82%, 51%)
Oklch
oklch(37.6% 0.143 24.4)

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

#49091F

Dark Violet · Maroon · Raspberry

HEX
#49091F
RGB
rgb(73, 9, 31)
HSL
hsl(339, 78%, 16%)
HSB
hsb(339, 88%, 29%)
CMYK
cmyk(0%, 88%, 58%, 71%)
Oklch
oklch(27.0% 0.095 6.3)

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

#CB7F00

Ochre · DarkGoldenRod · Amber Brown

HEX
#CB7F00
RGB
rgb(203, 127, 0)
HSL
hsl(38, 100%, 40%)
HSB
hsb(38, 100%, 80%)
CMYK
cmyk(0%, 37%, 100%, 20%)
Oklch
oklch(66.1% 0.145 68.5)

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

#0F021F

Deep Indigo · Black · Dark Purple

HEX
#0F021F
RGB
rgb(15, 2, 31)
HSL
hsl(267, 88%, 6%)
HSB
hsb(267, 94%, 12%)
CMYK
cmyk(52%, 94%, 0%, 88%)
Oklch
oklch(14.3% 0.064 301.7)

Traditional「Deep Indigo」· Paint「Dark Purple」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AF0E0D
0DAFAF

Analogous

AF0D5E
AF0E0D
AF5E0D

Triadic

AF0E0D
0DAF0D
0D0DAF

Split-Comp.

AF0E0D
0DAF5E
0D5EAF

Tetradic

AF0E0D
5EAF0D
0DAFAF
5E0DAF

Contrast Matrix WCAG 2.1 Contrast

AF0E0D
7C0C16
49091F
CB7F00
0F021F
—
1.5
Fail
2.2
Fail
2.3
Fail
2.8
Fail
1.5
Fail
—
1.4
Fail
3.4
AA Large
1.8
Fail
2.2
Fail
1.4
Fail
—
4.9
AA
1.3
Fail
2.3
Fail
3.4
AA Large
4.9
AA
—
6.3
AA
2.8
Fail
1.8
Fail
1.3
Fail
6.3
AA
—
White BG
7.3AAA
10.9AAA
15.6AAA
3.2AA Large
20.0AAA
Black BG
2.9Fail
1.9Fail
1.3Fail
6.6AA
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

69680D
4C4A14
2D2D1A
AAA91F
090918

Deuteranopia

737F0D
525A13
313618
AFB426
0A0B16

Tritanopia

A70D0D
761211
461515
C7373C
0E1211

Achromatopsia

3E3E3E
2F2F2F
1F1F1F
878787
090909

Shades & Tints Shades & Tints

#AF0E0D

Dark
Light

#7C0C16

Dark
Light

#49091F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #af0e0d;
  --color-2: #7c0c16;
  --color-3: #49091f;
  --color-4: #cb7f00;
  --color-5: #0f021f;
}

SCSS

$color-1: #af0e0d;
$color-2: #7c0c16;
$color-3: #49091f;
$color-4: #cb7f00;
$color-5: #0f021f;

TAILWIND

colors: {
  'brand-1': '#af0e0d',
  'brand-2': '#7c0c16',
  'brand-3': '#49091f',
  'brand-4': '#cb7f00',
  'brand-5': '#0f021f',
}

RGB Array

[175, 14, 13], [124, 12, 22], [73, 9, 31], [203, 127, 0], [15, 2, 31]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #AF0E0D, #7C0C16, #49091F, #CB7F00, #0F021F 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: #af0e0d; --color-2: #7c0c16; --color-3: #49091f; --color-4: #cb7f00; --color-5: #0f021f. 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