← Back to Editor

#C42121 · #5C4032 · #9C902A · #EBE5B0 · #F2F0DF

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

#C42121

Vermilion · FireBrick · Passion Red

HEX
#C42121
RGB
rgb(196, 33, 33)
HSL
hsl(0, 71%, 45%)
HSB
hsb(0, 83%, 77%)
CMYK
cmyk(0%, 83%, 83%, 23%)
Oklch
oklch(52.9% 0.197 27.3)

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

#5C4032

Tangerine · DarkOliveGreen · Amber Brown

HEX
#5C4032
RGB
rgb(92, 64, 50)
HSL
hsl(20, 30%, 28%)
HSB
hsb(20, 46%, 36%)
CMYK
cmyk(0%, 30%, 46%, 64%)
Oklch
oklch(39.9% 0.045 47.5)

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

#9C902A

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#9C902A
RGB
rgb(156, 144, 42)
HSL
hsl(54, 58%, 39%)
HSB
hsb(54, 73%, 61%)
CMYK
cmyk(0%, 8%, 73%, 39%)
Oklch
oklch(64.5% 0.120 102.4)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#EBE5B0

Fresh Green · Wheat · Lemon Cream

HEX
#EBE5B0
RGB
rgb(235, 229, 176)
HSL
hsl(54, 60%, 81%)
HSB
hsb(54, 25%, 92%)
CMYK
cmyk(0%, 3%, 25%, 8%)
Oklch
oklch(91.4% 0.069 102.3)

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

#F2F0DF

Fresh Green · Beige · Lemon Cream

HEX
#F2F0DF
RGB
rgb(242, 240, 223)
HSL
hsl(54, 42%, 91%)
HSB
hsb(54, 8%, 95%)
CMYK
cmyk(0%, 1%, 8%, 5%)
Oklch
oklch(95.2% 0.023 101.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C42121
21C4C4

Analogous

C42173
C42121
C47321

Triadic

C42121
21C421
2121C4

Split-Comp.

C42121
21C473
2173C4

Tetradic

C42121
73C421
21C4C4
7321C4

Contrast Matrix WCAG 2.1 Contrast

C42121
5C4032
9C902A
EBE5B0
F2F0DF
—
1.6
Fail
1.8
Fail
4.6
AA
5.1
AA
1.6
Fail
—
2.9
Fail
7.3
AAA
8.2
AAA
1.8
Fail
2.9
Fail
—
2.5
Fail
2.8
Fail
4.6
AA
7.3
AAA
2.5
Fail
—
1.1
Fail
5.1
AA
8.2
AAA
2.8
Fail
1.1
Fail
—
White BG
5.9AA
9.4AAA
3.3AA Large
1.3Fail
1.1Fail
Black BG
3.6AA Large
2.2Fail
6.4AA
16.4AAA
18.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7D7C21
505035
979743
E8E8BD
F1F1E3

Deuteranopia

879321
525436
989849
E9E9C0
F1F1E4

Tritanopia

BC2121
5B3839
9B565A
EBC7C9
F2E6E7

Achromatopsia

525252
474747
888888
E1E1E1
EFEFEF

Shades & Tints Shades & Tints

#C42121

Dark
Light

#5C4032

Dark
Light

#9C902A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c42121;
  --color-2: #5c4032;
  --color-3: #9c902a;
  --color-4: #ebe5b0;
  --color-5: #f2f0df;
}

SCSS

$color-1: #c42121;
$color-2: #5c4032;
$color-3: #9c902a;
$color-4: #ebe5b0;
$color-5: #f2f0df;

TAILWIND

colors: {
  'brand-1': '#c42121',
  'brand-2': '#5c4032',
  'brand-3': '#9c902a',
  'brand-4': '#ebe5b0',
  'brand-5': '#f2f0df',
}

RGB Array

[196, 33, 33], [92, 64, 50], [156, 144, 42], [235, 229, 176], [242, 240, 223]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C42121, #5C4032, #9C902A, #EBE5B0, #F2F0DF 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: #c42121; --color-2: #5c4032; --color-3: #9c902a; --color-4: #ebe5b0; --color-5: #f2f0df. 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