← Back to Editor

#213452 · #64615A · #D5B495 · #A6534D · #571D2B

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#213452

Indigo · DarkSlateGray · Prussian Blue

HEX
#213452
RGB
rgb(33, 52, 82)
HSL
hsl(217, 43%, 23%)
HSB
hsb(217, 60%, 32%)
CMYK
cmyk(60%, 37%, 0%, 68%)
Oklch
oklch(32.4% 0.059 259.2)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#64615A

Ink Gray · DimGray · Charcoal

HEX
#64615A
RGB
rgb(100, 97, 90)
HSL
hsl(42, 5%, 37%)
HSB
hsb(42, 10%, 39%)
CMYK
cmyk(0%, 3%, 10%, 61%)
Oklch
oklch(49.3% 0.012 87.5)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

#D5B495

Apricot · Tan · Warm Sun

HEX
#D5B495
RGB
rgb(213, 180, 149)
HSL
hsl(29, 43%, 71%)
HSB
hsb(29, 30%, 84%)
CMYK
cmyk(0%, 15%, 30%, 16%)
Oklch
oklch(79.1% 0.057 65.1)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#A6534D

Crimson · Sienna · Passion Red

HEX
#A6534D
RGB
rgb(166, 83, 77)
HSL
hsl(4, 37%, 48%)
HSB
hsb(4, 54%, 65%)
CMYK
cmyk(0%, 50%, 54%, 35%)
Oklch
oklch(54.2% 0.111 25.6)

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

#571D2B

Crimson · Maroon · Wine Red

HEX
#571D2B
RGB
rgb(87, 29, 43)
HSL
hsl(346, 50%, 23%)
HSB
hsb(346, 67%, 34%)
CMYK
cmyk(0%, 67%, 51%, 66%)
Oklch
oklch(32.5% 0.087 8.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

213452
544121

Analogous

214E54
213452
272154

Triadic

213452
542135
355421

Split-Comp.

213452
542721
4E5421

Tetradic

213452
54214E
544121
215427

Contrast Matrix WCAG 2.1 Contrast

213452
64615A
D5B495
A6534D
571D2B
—
2.0
Fail
6.4
AA
2.4
Fail
1.0
Fail
2.0
Fail
—
3.2
AA Large
1.2
Fail
2.1
Fail
6.4
AA
3.2
AA Large
—
2.7
Fail
6.7
AA
2.4
Fail
1.2
Fail
2.7
Fail
—
2.5
Fail
1.0
Fail
2.1
Fail
6.7
AA
2.5
Fail
—
White BG
12.5AAA
6.2AA
1.9Fail
5.3AA
13.0AAA
Black BG
1.7Fail
3.4AA Large
10.8AAA
4.0AA Large
1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

29294B
63635C
C7C69D
82814E
3E3D28

Deuteranopia

282749
63635C
C9CB9E
878D4F
414627

Tritanopia

224544
645D5D
D3A2A4
A25050
542524

Achromatopsia

323232
616161
BABABA
6B6B6B
303030

Shades & Tints Shades & Tints

#213452

Dark
Light

#64615A

Dark
Light

#D5B495

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #213452;
  --color-2: #64615a;
  --color-3: #d5b495;
  --color-4: #a6534d;
  --color-5: #571d2b;
}

SCSS

$color-1: #213452;
$color-2: #64615a;
$color-3: #d5b495;
$color-4: #a6534d;
$color-5: #571d2b;

TAILWIND

colors: {
  'brand-1': '#213452',
  'brand-2': '#64615a',
  'brand-3': '#d5b495',
  'brand-4': '#a6534d',
  'brand-5': '#571d2b',
}

RGB Array

[33, 52, 82], [100, 97, 90], [213, 180, 149], [166, 83, 77], [87, 29, 43]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #213452, #64615A, #D5B495, #A6534D, #571D2B 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: #213452; --color-2: #64615a; --color-3: #d5b495; --color-4: #a6534d; --color-5: #571d2b. 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