← Back to Editor

#722015 · #CBAFAC · #2C1B1C · #9F94A7 · #8E783E

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

#CBAFAC

Peach Pink · Silver · Coral Red

HEX
#CBAFAC
RGB
rgb(203, 175, 172)
HSL
hsl(6, 23%, 74%)
HSB
hsb(6, 15%, 80%)
CMYK
cmyk(0%, 14%, 15%, 20%)
Oklch
oklch(77.7% 0.033 25.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#2C1B1C

Crimson · Black · Deep Berry

HEX
#2C1B1C
RGB
rgb(44, 27, 28)
HSL
hsl(356, 24%, 14%)
HSB
hsb(356, 39%, 17%)
CMYK
cmyk(0%, 39%, 36%, 83%)
Oklch
oklch(24.4% 0.027 15.4)

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

#9F94A7

Lilac · DarkGray · Lilac Purple

HEX
#9F94A7
RGB
rgb(159, 148, 167)
HSL
hsl(275, 10%, 62%)
HSB
hsb(275, 11%, 65%)
CMYK
cmyk(5%, 11%, 0%, 35%)
Oklch
oklch(68.2% 0.030 311.2)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

#8E783E

Ochre · Sienna · Honey Gold

HEX
#8E783E
RGB
rgb(142, 120, 62)
HSL
hsl(44, 39%, 40%)
HSB
hsb(44, 56%, 56%)
CMYK
cmyk(0%, 15%, 56%, 44%)
Oklch
oklch(58.1% 0.082 89.0)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

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
CBAFAC
2C1B1C
9F94A7
8E783E
—
5.3
AA
1.5
Fail
3.8
AA Large
2.5
Fail
5.3
AA
—
8.0
AAA
1.4
Fail
2.1
Fail
1.5
Fail
8.0
AAA
—
5.7
AA
3.8
AA Large
3.8
AA Large
1.4
Fail
5.7
AA
—
1.5
Fail
2.5
Fail
2.1
Fail
3.8
AA Large
1.5
Fail
—
White BG
10.9AAA
2.0Fail
16.4AAA
2.9Fail
4.3AA Large
Black BG
1.9Fail
10.3AAA
1.3Fail
7.3AAA
4.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4E4E18
BFBFAD
25241C
9A9AA2
84844C

Deuteranopia

535918
C1C3AD
26271C
9B9CA1
86874F

Tritanopia

6E1A1A
CAADAD
2B1C1C
9E9F9E
8D575A

Achromatopsia

373737
B7B7B7
202020
999999
787878

Shades & Tints Shades & Tints

#722015

Dark
Light

#CBAFAC

Dark
Light

#2C1B1C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #722015;
  --color-2: #cbafac;
  --color-3: #2c1b1c;
  --color-4: #9f94a7;
  --color-5: #8e783e;
}

SCSS

$color-1: #722015;
$color-2: #cbafac;
$color-3: #2c1b1c;
$color-4: #9f94a7;
$color-5: #8e783e;

TAILWIND

colors: {
  'brand-1': '#722015',
  'brand-2': '#cbafac',
  'brand-3': '#2c1b1c',
  'brand-4': '#9f94a7',
  'brand-5': '#8e783e',
}

RGB Array

[114, 32, 21], [203, 175, 172], [44, 27, 28], [159, 148, 167], [142, 120, 62]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #722015, #CBAFAC, #2C1B1C, #9F94A7, #8E783E is ideal for: 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: #cbafac; --color-3: #2c1b1c; --color-4: #9f94a7; --color-5: #8e783e. 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 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