← Back to Editor

#B94025 · #FCCB7F · #9E896E · #542430 · #D8C382

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

#B94025

Vermilion · Brown · Passion Red

HEX
#B94025
RGB
rgb(185, 64, 37)
HSL
hsl(11, 67%, 44%)
HSB
hsb(11, 80%, 73%)
CMYK
cmyk(0%, 65%, 80%, 27%)
Oklch
oklch(53.9% 0.161 34.0)

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

#FCCB7F

Goose Yellow · Khaki · Warm Sun

HEX
#FCCB7F
RGB
rgb(252, 203, 127)
HSL
hsl(36, 95%, 74%)
HSB
hsb(36, 50%, 99%)
CMYK
cmyk(0%, 19%, 50%, 1%)
Oklch
oklch(86.9% 0.109 77.5)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#9E896E

Ginger · Gray · Warm Sun

HEX
#9E896E
RGB
rgb(158, 137, 110)
HSL
hsl(34, 20%, 53%)
HSB
hsb(34, 30%, 62%)
CMYK
cmyk(0%, 13%, 30%, 38%)
Oklch
oklch(64.2% 0.046 73.8)

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

#542430

Crimson · DarkSlateGray · Wine Red

HEX
#542430
RGB
rgb(84, 36, 48)
HSL
hsl(345, 40%, 24%)
HSB
hsb(345, 57%, 33%)
CMYK
cmyk(0%, 57%, 43%, 67%)
Oklch
oklch(33.2% 0.073 6.1)

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

#D8C382

Ginger · BurlyWood · Sunflower

HEX
#D8C382
RGB
rgb(216, 195, 130)
HSL
hsl(45, 52%, 68%)
HSB
hsb(45, 40%, 85%)
CMYK
cmyk(0%, 10%, 40%, 15%)
Oklch
oklch(82.0% 0.087 92.2)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B94025
25A0BB

Analogous

BB2555
B94025
BB8C25

Triadic

B94025
25BB41
4125BB

Split-Comp.

B94025
25BB8C
2555BB

Tetradic

B94025
55BB25
25A0BB
8C25BB

Contrast Matrix WCAG 2.1 Contrast

B94025
FCCB7F
9E896E
542430
D8C382
—
3.7
AA Large
1.6
Fail
2.3
Fail
3.2
AA Large
3.7
AA Large
—
2.2
Fail
8.4
AAA
1.2
Fail
1.6
Fail
2.2
Fail
—
3.7
AA Large
1.9
Fail
2.3
Fail
8.4
AAA
3.7
AA Large
—
7.2
AAA
3.2
AA Large
1.2
Fail
1.9
Fail
7.2
AAA
—
White BG
5.5AA
1.5Fail
3.4AA Large
12.6AAA
1.7Fail
Black BG
3.8AA Large
14.0AAA
6.3AA
1.7Fail
12.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

85842C
E7E691
959575
3F3F2D
CFCF92

Deuteranopia

8C952D
EAED96
969876
42462C
D0D296

Tritanopia

B33132
FAA0A3
9D7A7B
522B2A
D79EA1

Achromatopsia

616161
D1D1D1
8C8C8C
343434
C2C2C2

Shades & Tints Shades & Tints

#B94025

Dark
Light

#FCCB7F

Dark
Light

#9E896E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b94025;
  --color-2: #fccb7f;
  --color-3: #9e896e;
  --color-4: #542430;
  --color-5: #d8c382;
}

SCSS

$color-1: #b94025;
$color-2: #fccb7f;
$color-3: #9e896e;
$color-4: #542430;
$color-5: #d8c382;

TAILWIND

colors: {
  'brand-1': '#b94025',
  'brand-2': '#fccb7f',
  'brand-3': '#9e896e',
  'brand-4': '#542430',
  'brand-5': '#d8c382',
}

RGB Array

[185, 64, 37], [252, 203, 127], [158, 137, 110], [84, 36, 48], [216, 195, 130]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B94025, #FCCB7F, #9E896E, #542430, #D8C382 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: #b94025; --color-2: #fccb7f; --color-3: #9e896e; --color-4: #542430; --color-5: #d8c382. 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