← Back to Editor

#301132 · #B95A6C · #C18B75 · #C7B47D · #FEF2AC

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

#301132

Dark Plum · MidnightBlue · Dark Purple

HEX
#301132
RGB
rgb(48, 17, 50)
HSL
hsl(296, 49%, 13%)
HSB
hsb(296, 66%, 20%)
CMYK
cmyk(4%, 66%, 0%, 80%)
Oklch
oklch(24.2% 0.072 325.1)

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

#B95A6C

Crimson · Sienna · Passion Red

HEX
#B95A6C
RGB
rgb(185, 90, 108)
HSL
hsl(349, 40%, 54%)
HSB
hsb(349, 51%, 73%)
CMYK
cmyk(0%, 51%, 42%, 27%)
Oklch
oklch(58.8% 0.124 9.7)

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

#C18B75

Apricot · DarkSalmon · Warm Sun

HEX
#C18B75
RGB
rgb(193, 139, 117)
HSL
hsl(17, 38%, 61%)
HSB
hsb(17, 39%, 76%)
CMYK
cmyk(0%, 28%, 39%, 24%)
Oklch
oklch(68.4% 0.074 43.1)

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

#C7B47D

Ginger · Tan · Sunflower

HEX
#C7B47D
RGB
rgb(199, 180, 125)
HSL
hsl(45, 40%, 64%)
HSB
hsb(45, 37%, 78%)
CMYK
cmyk(0%, 10%, 37%, 22%)
Oklch
oklch(77.3% 0.076 91.2)

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

#FEF2AC

Fresh Green · Wheat · Lemon Cream

HEX
#FEF2AC
RGB
rgb(254, 242, 172)
HSL
hsl(51, 98%, 84%)
HSB
hsb(51, 32%, 100%)
CMYK
cmyk(0%, 5%, 32%, 0%)
Oklch
oklch(95.5% 0.089 99.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

301132
133111

Analogous

1F1131
301132
311123

Triadic

301132
312F11
11312F

Split-Comp.

301132
233111
11311F

Tetradic

301132
311F11
133111
112331

Contrast Matrix WCAG 2.1 Contrast

301132
B95A6C
C18B75
C7B47D
FEF2AC
—
3.8
AA Large
5.8
AA
8.2
AAA
14.8
AAA
3.8
AA Large
—
1.5
Fail
2.2
Fail
3.9
AA Large
5.8
AA
1.5
Fail
—
1.4
Fail
2.6
Fail
8.2
AAA
2.2
Fail
1.4
Fail
—
1.8
Fail
14.8
AAA
3.9
AA Large
2.6
Fail
1.8
Fail
—
White BG
16.8AAA
4.4AA Large
2.9Fail
2.0Fail
1.1Fail
Black BG
1.3Fail
4.7AA
7.2AAA
10.3AAA
18.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

23222A
908F68
AAA97A
BFBF8A
F9F9BD

Deuteranopia

242728
959D67
ADB17C
C0C18E
FAFAC1

Tritanopia

2E2422
B46463
BE7F7F
C69597
FDCACD

Achromatopsia

1E1E1E
787878
999999
B3B3B3
EEEEEE

Shades & Tints Shades & Tints

#301132

Dark
Light

#B95A6C

Dark
Light

#C18B75

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #301132;
  --color-2: #b95a6c;
  --color-3: #c18b75;
  --color-4: #c7b47d;
  --color-5: #fef2ac;
}

SCSS

$color-1: #301132;
$color-2: #b95a6c;
$color-3: #c18b75;
$color-4: #c7b47d;
$color-5: #fef2ac;

TAILWIND

colors: {
  'brand-1': '#301132',
  'brand-2': '#b95a6c',
  'brand-3': '#c18b75',
  'brand-4': '#c7b47d',
  'brand-5': '#fef2ac',
}

RGB Array

[48, 17, 50], [185, 90, 108], [193, 139, 117], [199, 180, 125], [254, 242, 172]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #301132, #B95A6C, #C18B75, #C7B47D, #FEF2AC 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: #301132; --color-2: #b95a6c; --color-3: #c18b75; --color-4: #c7b47d; --color-5: #fef2ac. 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