← Back to Editor

#D4CB91 · #FC6820 · #447A7F · #52375E · #451A38

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

#D4CB91

Fresh Green · Tan · Sunflower

HEX
#D4CB91
RGB
rgb(212, 203, 145)
HSL
hsl(52, 44%, 70%)
HSB
hsb(52, 32%, 83%)
CMYK
cmyk(0%, 4%, 32%, 17%)
Oklch
oklch(83.6% 0.076 100.4)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#FC6820

Tangerine · Tomato · Warm Sun

HEX
#FC6820
RGB
rgb(252, 104, 32)
HSL
hsl(20, 97%, 56%)
HSB
hsb(20, 87%, 99%)
CMYK
cmyk(0%, 59%, 87%, 1%)
Oklch
oklch(69.5% 0.196 42.1)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#447A7F

Slate Blue · DimGray · Mint Ice

HEX
#447A7F
RGB
rgb(68, 122, 127)
HSL
hsl(185, 30%, 38%)
HSB
hsb(185, 46%, 50%)
CMYK
cmyk(46%, 4%, 0%, 50%)
Oklch
oklch(54.4% 0.058 203.3)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#52375E

Dark Plum · DarkSlateGray · Eggplant

HEX
#52375E
RGB
rgb(82, 55, 94)
HSL
hsl(282, 26%, 29%)
HSB
hsb(282, 41%, 37%)
CMYK
cmyk(13%, 41%, 0%, 63%)
Oklch
oklch(38.5% 0.072 315.0)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#451A38

Rose Purple · DarkSlateGray · Dark Purple

HEX
#451A38
RGB
rgb(69, 26, 56)
HSL
hsl(318, 45%, 19%)
HSB
hsb(318, 62%, 27%)
CMYK
cmyk(0%, 62%, 19%, 73%)
Oklch
oklch(29.4% 0.078 340.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D4CB91
919AD4

Analogous

D4AA91
D4CB91
BBD491

Triadic

D4CB91
91D4CB
CB91D4

Split-Comp.

D4CB91
91BBD4
AA91D4

Tetradic

D4CB91
91D4AA
919AD4
D491BB

Contrast Matrix WCAG 2.1 Contrast

D4CB91
FC6820
447A7F
52375E
451A38
—
1.8
Fail
2.9
Fail
6.2
AA
8.7
AAA
1.8
Fail
—
1.6
Fail
3.5
AA Large
4.9
AA
2.9
Fail
1.6
Fail
—
2.1
Fail
3.0
Fail
6.2
AA
3.5
AA Large
2.1
Fail
—
1.4
Fail
8.7
AAA
4.9
AA
3.0
Fail
1.4
Fail
—
White BG
1.6Fail
2.9Fail
4.8AA
10.2AAA
14.4AAA
Black BG
12.8AAA
7.1AAA
4.3AA Large
2.1Fail
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D0D09F
BCBB31
5B5C7E
464655
323231

Deuteranopia

D1D1A2
C5D036
58547E
484A52
35382F

Tritanopia

D4AAAD
F53F42
477D7D
514D4B
432B2A

Achromatopsia

C7C7C7
8C8C8C
6A6A6A
444444
2A2A2A

Shades & Tints Shades & Tints

#D4CB91

Dark
Light

#FC6820

Dark
Light

#447A7F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d4cb91;
  --color-2: #fc6820;
  --color-3: #447a7f;
  --color-4: #52375e;
  --color-5: #451a38;
}

SCSS

$color-1: #d4cb91;
$color-2: #fc6820;
$color-3: #447a7f;
$color-4: #52375e;
$color-5: #451a38;

TAILWIND

colors: {
  'brand-1': '#d4cb91',
  'brand-2': '#fc6820',
  'brand-3': '#447a7f',
  'brand-4': '#52375e',
  'brand-5': '#451a38',
}

RGB Array

[212, 203, 145], [252, 104, 32], [68, 122, 127], [82, 55, 94], [69, 26, 56]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D4CB91, #FC6820, #447A7F, #52375E, #451A38 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: #d4cb91; --color-2: #fc6820; --color-3: #447a7f; --color-4: #52375e; --color-5: #451a38. 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