← Back to Editor

#722015 · #722105 · #2E1D15 · #E8C492 · #BFA97A

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#722015

Vermilion · Maroon · Wine Red

HEX
#722015
RGB
rgb(114, 32, 21)
HSL
hsl(7, 69%, 26%)
HSB
hsb(7, 82%, 45%)
CMYK
cmyk(0%, 72%, 82%, 55%)
Oklch
oklch(37.4% 0.117 30.8)

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

#722105

Tangerine · Maroon · Cinnamon

HEX
#722105
RGB
rgb(114, 33, 5)
HSL
hsl(15, 92%, 23%)
HSB
hsb(15, 96%, 45%)
CMYK
cmyk(0%, 71%, 96%, 55%)
Oklch
oklch(37.3% 0.119 37.2)

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

#2E1D15

Tangerine · Black · Cinnamon

HEX
#2E1D15
RGB
rgb(46, 29, 21)
HSL
hsl(19, 37%, 13%)
HSB
hsb(19, 54%, 18%)
CMYK
cmyk(0%, 37%, 54%, 82%)
Oklch
oklch(25.0% 0.031 46.1)

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

#E8C492

Goose Yellow · BurlyWood · Warm Sun

HEX
#E8C492
RGB
rgb(232, 196, 146)
HSL
hsl(35, 65%, 74%)
HSB
hsb(35, 37%, 91%)
CMYK
cmyk(0%, 16%, 37%, 9%)
Oklch
oklch(84.0% 0.077 75.5)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#BFA97A

Ginger · Tan · Sunflower

HEX
#BFA97A
RGB
rgb(191, 169, 122)
HSL
hsl(41, 35%, 61%)
HSB
hsb(41, 36%, 75%)
CMYK
cmyk(0%, 12%, 36%, 25%)
Oklch
oklch(74.3% 0.068 85.7)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

722015
156570

Analogous

701538
722015
704D15

Triadic

722015
15701F
1F1570

Split-Comp.

722015
15704D
153870

Tetradic

722015
387015
156570
4D1570

Contrast Matrix WCAG 2.1 Contrast

722015
722105
2E1D15
E8C492
BFA97A
—
1.0
Fail
1.5
Fail
6.6
AA
4.7
AA
1.0
Fail
—
1.5
Fail
6.6
AA
4.7
AA
1.5
Fail
1.5
Fail
—
9.8
AAA
7.0
AAA
6.6
AA
6.6
AA
9.8
AAA
—
1.4
Fail
4.7
AA
4.7
AA
7.0
AAA
1.4
Fail
—
White BG
10.9AAA
10.9AAA
16.1AAA
1.6Fail
2.3Fail
Black BG
1.9Fail
1.9Fail
1.3Fail
12.7AAA
9.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4E4E18
4F4E0C
272617
D8D89E
B5B585

Deuteranopia

535918
545A0D
282917
DBDDA1
B7B888

Tritanopia

6E1A1A
6E1112
2D1819
E6A8AA
BE8E90

Achromatopsia

373737
363636
212121
C9C9C9
AAAAAA

Shades & Tints Shades & Tints

#722015

Dark
Light

#722105

Dark
Light

#2E1D15

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #722015;
  --color-2: #722105;
  --color-3: #2e1d15;
  --color-4: #e8c492;
  --color-5: #bfa97a;
}

SCSS

$color-1: #722015;
$color-2: #722105;
$color-3: #2e1d15;
$color-4: #e8c492;
$color-5: #bfa97a;

TAILWIND

colors: {
  'brand-1': '#722015',
  'brand-2': '#722105',
  'brand-3': '#2e1d15',
  'brand-4': '#e8c492',
  'brand-5': '#bfa97a',
}

RGB Array

[114, 32, 21], [114, 33, 5], [46, 29, 21], [232, 196, 146], [191, 169, 122]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #722015, #722105, #2E1D15, #E8C492, #BFA97A is ideal for: tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #722015; --color-2: #722105; --color-3: #2e1d15; --color-4: #e8c492; --color-5: #bfa97a. 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 tech, SaaS, healthcare, eco industries. 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