← Back to Editor

#463B45 · #A51767 · #D47D29 · #C9B45F · #D3C5B5

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

#463B45

Rose Purple · DarkSlateGray · Dark Stone

HEX
#463B45
RGB
rgb(70, 59, 69)
HSL
hsl(305, 9%, 25%)
HSB
hsb(305, 16%, 27%)
CMYK
cmyk(0%, 16%, 1%, 73%)
Oklch
oklch(36.8% 0.022 328.9)

Traditional「Rose Purple」· Paint「Dark Stone」· Creative Midnight Shadow

#A51767

Rose Purple · MediumVioletRed · Camellia

HEX
#A51767
RGB
rgb(165, 23, 103)
HSL
hsl(326, 76%, 37%)
HSB
hsb(326, 86%, 65%)
CMYK
cmyk(0%, 86%, 38%, 35%)
Oklch
oklch(48.2% 0.185 353.1)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

#D47D29

Tangerine · Chocolate · Amber Brown

HEX
#D47D29
RGB
rgb(212, 125, 41)
HSL
hsl(29, 68%, 50%)
HSB
hsb(29, 81%, 83%)
CMYK
cmyk(0%, 41%, 81%, 17%)
Oklch
oklch(67.1% 0.142 59.4)

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

#C9B45F

Ginger · BurlyWood · Sunflower

HEX
#C9B45F
RGB
rgb(201, 180, 95)
HSL
hsl(48, 50%, 58%)
HSB
hsb(48, 53%, 79%)
CMYK
cmyk(0%, 10%, 53%, 21%)
Oklch
oklch(77.0% 0.108 95.8)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#D3C5B5

Goose Yellow · Silver · Peach Orange

HEX
#D3C5B5
RGB
rgb(211, 197, 181)
HSL
hsl(32, 25%, 77%)
HSB
hsb(32, 14%, 83%)
CMYK
cmyk(0%, 7%, 14%, 17%)
Oklch
oklch(83.1% 0.027 71.1)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

463B45
3A453B

Analogous

413A45
463B45
453A3F

Triadic

463B45
45453A
3A4545

Split-Comp.

463B45
3F453A
3A4541

Tetradic

463B45
45413A
3A453B
3A3F45

Contrast Matrix WCAG 2.1 Contrast

463B45
A51767
D47D29
C9B45F
D3C5B5
—
1.5
Fail
3.4
AA Large
5.2
AA
6.3
AA
1.5
Fail
—
2.3
Fail
3.5
AA Large
4.3
AA Large
3.4
AA Large
2.3
Fail
—
1.5
Fail
1.8
Fail
5.2
AA
3.5
AA Large
1.5
Fail
—
1.2
Fail
6.3
AA
4.3
AA Large
1.8
Fail
1.2
Fail
—
White BG
10.6AAA
7.2AAA
3.1AA Large
2.1Fail
1.7Fail
Black BG
2.0Fail
2.9Fail
6.8AA
10.2AAA
12.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

414143
686654
AEAE3D
C0C074
CDCDB9

Deuteranopia

424342
707A4F
B3BA42
C1C379
CECFBA

Tritanopia

454140
9E4441
D04D51
C88487
D2BCBD

Achromatopsia

3F3F3F
4B4B4B
8D8D8D
B1B1B1
C7C7C7

Shades & Tints Shades & Tints

#463B45

Dark
Light

#A51767

Dark
Light

#D47D29

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #463b45;
  --color-2: #a51767;
  --color-3: #d47d29;
  --color-4: #c9b45f;
  --color-5: #d3c5b5;
}

SCSS

$color-1: #463b45;
$color-2: #a51767;
$color-3: #d47d29;
$color-4: #c9b45f;
$color-5: #d3c5b5;

TAILWIND

colors: {
  'brand-1': '#463b45',
  'brand-2': '#a51767',
  'brand-3': '#d47d29',
  'brand-4': '#c9b45f',
  'brand-5': '#d3c5b5',
}

RGB Array

[70, 59, 69], [165, 23, 103], [212, 125, 41], [201, 180, 95], [211, 197, 181]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #463B45, #A51767, #D47D29, #C9B45F, #D3C5B5 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: #463b45; --color-2: #a51767; --color-3: #d47d29; --color-4: #c9b45f; --color-5: #d3c5b5. 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