← Back to Editor

#F0EDC1 · #B72C5B · #921324 · #541C61 · #876547

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

#F0EDC1

Fresh Green · Bisque · Lemon Cream

HEX
#F0EDC1
RGB
rgb(240, 237, 193)
HSL
hsl(56, 61%, 85%)
HSB
hsb(56, 20%, 94%)
CMYK
cmyk(0%, 1%, 20%, 6%)
Oklch
oklch(93.7% 0.057 104.2)

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

#B72C5B

Dark Violet · MediumVioletRed · Camellia

HEX
#B72C5B
RGB
rgb(183, 44, 91)
HSL
hsl(340, 61%, 45%)
HSB
hsb(340, 76%, 72%)
CMYK
cmyk(0%, 76%, 50%, 28%)
Oklch
oklch(52.5% 0.177 5.7)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#921324

Vermilion · Brown · Wine Red

HEX
#921324
RGB
rgb(146, 19, 36)
HSL
hsl(352, 77%, 32%)
HSB
hsb(352, 87%, 57%)
CMYK
cmyk(0%, 87%, 75%, 43%)
Oklch
oklch(42.6% 0.159 21.6)

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

#541C61

Royal Purple · DarkSlateBlue · Eggplant

HEX
#541C61
RGB
rgb(84, 28, 97)
HSL
hsl(289, 55%, 25%)
HSB
hsb(289, 71%, 38%)
CMYK
cmyk(13%, 71%, 0%, 62%)
Oklch
oklch(34.6% 0.125 319.5)

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

#876547

Tangerine · Sienna · Amber Brown

HEX
#876547
RGB
rgb(135, 101, 71)
HSL
hsl(28, 31%, 40%)
HSB
hsb(28, 47%, 53%)
CMYK
cmyk(0%, 25%, 47%, 47%)
Oklch
oklch(53.4% 0.062 62.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F0EDC1
C1C5F0

Analogous

F0D6C1
F0EDC1
DCF0C1

Triadic

F0EDC1
C1F0ED
EDC1F0

Split-Comp.

F0EDC1
C1DCF0
D6C1F0

Tetradic

F0EDC1
C1F0D6
C1C5F0
F0C1DC

Contrast Matrix WCAG 2.1 Contrast

F0EDC1
B72C5B
921324
541C61
876547
—
5.0
AA
7.5
AAA
10.3
AAA
4.4
AA Large
5.0
AA
—
1.5
Fail
2.1
Fail
1.1
Fail
7.5
AAA
1.5
Fail
—
1.4
Fail
1.7
Fail
10.3
AAA
2.1
Fail
1.4
Fail
—
2.3
Fail
4.4
AA Large
1.1
Fail
1.7
Fail
2.3
Fail
—
White BG
1.2Fail
6.0AA
9.0AAA
12.2AAA
5.3AA
Black BG
17.6AAA
3.5AA Large
2.3Fail
1.7Fail
4.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

EFEFCC
7B7A50
5B5A20
3C3B50
78784E

Deuteranopia

EFEFCE
838D4D
626C1F
3F434C
7A7D50

Tritanopia

F0D4D6
B04745
8C1D1C
514340
855455

Achromatopsia

E9E9E9
5B5B5B
3B3B3B
353535
6C6C6C

Shades & Tints Shades & Tints

#F0EDC1

Dark
Light

#B72C5B

Dark
Light

#921324

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f0edc1;
  --color-2: #b72c5b;
  --color-3: #921324;
  --color-4: #541c61;
  --color-5: #876547;
}

SCSS

$color-1: #f0edc1;
$color-2: #b72c5b;
$color-3: #921324;
$color-4: #541c61;
$color-5: #876547;

TAILWIND

colors: {
  'brand-1': '#f0edc1',
  'brand-2': '#b72c5b',
  'brand-3': '#921324',
  'brand-4': '#541c61',
  'brand-5': '#876547',
}

RGB Array

[240, 237, 193], [183, 44, 91], [146, 19, 36], [84, 28, 97], [135, 101, 71]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F0EDC1, #B72C5B, #921324, #541C61, #876547 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: #f0edc1; --color-2: #b72c5b; --color-3: #921324; --color-4: #541c61; --color-5: #876547. 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