← Back to Editor

#B32C05 · #A5B8A4 · #141313 · #DCE3BF · #C53B29

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

#B32C05

Vermilion · FireBrick · Wine Red

HEX
#B32C05
RGB
rgb(179, 44, 5)
HSL
hsl(13, 95%, 36%)
HSB
hsb(13, 97%, 70%)
CMYK
cmyk(0%, 75%, 97%, 30%)
Oklch
oklch(50.5% 0.177 34.4)

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

#A5B8A4

Celadon · DarkGray · Apple Green

HEX
#A5B8A4
RGB
rgb(165, 184, 164)
HSL
hsl(117, 12%, 68%)
HSB
hsb(117, 11%, 72%)
CMYK
cmyk(10%, 0%, 11%, 28%)
Oklch
oklch(76.2% 0.035 143.9)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#141313

Ink Black · Black · Jet Black

HEX
#141313
RGB
rgb(20, 19, 19)
HSL
hsl(0, 3%, 8%)
HSB
hsb(0, 5%, 8%)
CMYK
cmyk(0%, 5%, 5%, 92%)
Oklch
oklch(18.8% 0.002 17.3)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

#DCE3BF

Willow Green · LightGray · Mint Green

HEX
#DCE3BF
RGB
rgb(220, 227, 191)
HSL
hsl(72, 39%, 82%)
HSB
hsb(72, 16%, 89%)
CMYK
cmyk(3%, 0%, 16%, 11%)
Oklch
oklch(90.1% 0.048 116.3)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

#C53B29

Vermilion · FireBrick · Passion Red

HEX
#C53B29
RGB
rgb(197, 59, 41)
HSL
hsl(7, 66%, 47%)
HSB
hsb(7, 79%, 77%)
CMYK
cmyk(0%, 70%, 79%, 23%)
Oklch
oklch(55.4% 0.178 30.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B32C05
058DB3

Analogous

B30536
B32C05
B38205

Triadic

B32C05
05B32A
2A05B3

Split-Comp.

B32C05
05B382
0536B3

Tetradic

B32C05
36B305
058DB3
8205B3

Contrast Matrix WCAG 2.1 Contrast

B32C05
A5B8A4
141313
DCE3BF
C53B29
—
3.0
AA Large
2.9
Fail
4.8
AA
1.2
Fail
3.0
AA Large
—
8.8
AAA
1.6
Fail
2.5
Fail
2.9
Fail
8.8
AAA
—
13.9
AAA
3.6
AA Large
4.8
AA
1.6
Fail
13.9
AAA
—
3.9
AA Large
1.2
Fail
2.5
Fail
3.6
AA Large
3.9
AA Large
—
White BG
6.4AA
2.1Fail
18.5AAA
1.3Fail
5.2AA
Black BG
3.3AA Large
10.0AAA
1.1Fail
15.8AAA
4.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

79770E
ADADA9
141413
DFDFC8
89882D

Deuteranopia

808B11
ACABAA
141413
DFDECA
919C2E

Tritanopia

AC1618
A6ADAE
141313
DCCFD0
BE3132

Achromatopsia

505050
B0B0B0
131313
DDDDDD
626262

Shades & Tints Shades & Tints

#B32C05

Dark
Light

#A5B8A4

Dark
Light

#141313

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b32c05;
  --color-2: #a5b8a4;
  --color-3: #141313;
  --color-4: #dce3bf;
  --color-5: #c53b29;
}

SCSS

$color-1: #b32c05;
$color-2: #a5b8a4;
$color-3: #141313;
$color-4: #dce3bf;
$color-5: #c53b29;

TAILWIND

colors: {
  'brand-1': '#b32c05',
  'brand-2': '#a5b8a4',
  'brand-3': '#141313',
  'brand-4': '#dce3bf',
  'brand-5': '#c53b29',
}

RGB Array

[179, 44, 5], [165, 184, 164], [20, 19, 19], [220, 227, 191], [197, 59, 41]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B32C05, #A5B8A4, #141313, #DCE3BF, #C53B29 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: #b32c05; --color-2: #a5b8a4; --color-3: #141313; --color-4: #dce3bf; --color-5: #c53b29. 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