← Back to Editor

#472442 · #935D5D · #CFBC87 · #F9FBBE · #BDBCBD

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

#472442

Rose Purple · DarkSlateGray · Eggplant

HEX
#472442
RGB
rgb(71, 36, 66)
HSL
hsl(309, 33%, 21%)
HSB
hsb(309, 49%, 28%)
CMYK
cmyk(0%, 49%, 7%, 72%)
Oklch
oklch(31.9% 0.070 332.5)

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

#935D5D

Crimson · DimGray · Passion Red

HEX
#935D5D
RGB
rgb(147, 93, 93)
HSL
hsl(0, 22%, 47%)
HSB
hsb(0, 37%, 58%)
CMYK
cmyk(0%, 37%, 37%, 42%)
Oklch
oklch(53.8% 0.071 19.7)

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

#CFBC87

Ginger · Tan · Sunflower

HEX
#CFBC87
RGB
rgb(207, 188, 135)
HSL
hsl(44, 43%, 67%)
HSB
hsb(44, 35%, 81%)
CMYK
cmyk(0%, 9%, 35%, 19%)
Oklch
oklch(79.9% 0.073 90.6)

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

#F9FBBE

Fresh Green · Bisque · Lemon Cream

HEX
#F9FBBE
RGB
rgb(249, 251, 190)
HSL
hsl(62, 88%, 86%)
HSB
hsb(62, 24%, 98%)
CMYK
cmyk(1%, 0%, 24%, 2%)
Oklch
oklch(97.2% 0.078 109.3)

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

#BDBCBD

Silver Gray · Silver · Pearl Gray

HEX
#BDBCBD
RGB
rgb(189, 188, 189)
HSL
hsl(300, 1%, 74%)
HSB
hsb(300, 1%, 74%)
CMYK
cmyk(0%, 1%, 0%, 26%)
Oklch
oklch(79.6% 0.002 325.6)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

472442
244729

Analogous

3B2447
472442
472430

Triadic

472442
424724
244247

Split-Comp.

472442
304724
24473B

Tetradic

472442
473B24
244729
243047

Contrast Matrix WCAG 2.1 Contrast

472442
935D5D
CFBC87
F9FBBE
BDBCBD
—
2.5
Fail
7.0
AAA
12.2
AAA
6.9
AA
2.5
Fail
—
2.8
Fail
4.9
AA
2.8
Fail
7.0
AAA
2.8
Fail
—
1.7
Fail
1.0
Fail
12.2
AAA
4.9
AA
1.7
Fail
—
1.8
Fail
6.9
AA
2.8
Fail
1.0
Fail
1.8
Fail
—
White BG
13.1AAA
5.3AA
1.9Fail
1.1Fail
1.9Fail
Black BG
1.6Fail
4.0AA Large
11.2AAA
19.6AAA
11.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

38383B
7C7B5D
C7C794
FAFACD
BDBDBD

Deuteranopia

3A3C39
7F835D
C8C997
FAFAD0
BDBDBD

Tritanopia

453534
905D5D
CE9EA0
F9D8DB
BDBDBD

Achromatopsia

323232
6D6D6D
BCBCBC
F3F3F3
BCBCBC

Shades & Tints Shades & Tints

#472442

Dark
Light

#935D5D

Dark
Light

#CFBC87

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #472442;
  --color-2: #935d5d;
  --color-3: #cfbc87;
  --color-4: #f9fbbe;
  --color-5: #bdbcbd;
}

SCSS

$color-1: #472442;
$color-2: #935d5d;
$color-3: #cfbc87;
$color-4: #f9fbbe;
$color-5: #bdbcbd;

TAILWIND

colors: {
  'brand-1': '#472442',
  'brand-2': '#935d5d',
  'brand-3': '#cfbc87',
  'brand-4': '#f9fbbe',
  'brand-5': '#bdbcbd',
}

RGB Array

[71, 36, 66], [147, 93, 93], [207, 188, 135], [249, 251, 190], [189, 188, 189]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #472442, #935D5D, #CFBC87, #F9FBBE, #BDBCBD 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: #472442; --color-2: #935d5d; --color-3: #cfbc87; --color-4: #f9fbbe; --color-5: #bdbcbd. 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