← Back to Editor

#C92828 · #4F3E3E · #8CABA1 · #D7DEDB · #EBE8D1

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#C92828

Vermilion · FireBrick · Passion Red

HEX
#C92828
RGB
rgb(201, 40, 40)
HSL
hsl(0, 67%, 47%)
HSB
hsb(0, 80%, 79%)
CMYK
cmyk(0%, 80%, 80%, 21%)
Oklch
oklch(54.4% 0.197 26.8)

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

#4F3E3E

Crimson · DarkSlateGray · Wine Red

HEX
#4F3E3E
RGB
rgb(79, 62, 62)
HSL
hsl(0, 12%, 28%)
HSB
hsb(0, 22%, 31%)
CMYK
cmyk(0%, 22%, 22%, 69%)
Oklch
oklch(38.2% 0.024 18.2)

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

#8CABA1

Jade · DarkSeaGreen · Lake Green

HEX
#8CABA1
RGB
rgb(140, 171, 161)
HSL
hsl(161, 16%, 61%)
HSB
hsb(161, 18%, 67%)
CMYK
cmyk(18%, 0%, 6%, 33%)
Oklch
oklch(71.5% 0.037 173.6)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#D7DEDB

Jade · LightGray · Mint Green

HEX
#D7DEDB
RGB
rgb(215, 222, 219)
HSL
hsl(154, 10%, 86%)
HSB
hsb(154, 3%, 87%)
CMYK
cmyk(3%, 0%, 1%, 13%)
Oklch
oklch(89.4% 0.009 168.7)

Traditional「Jade」· Paint「Mint Green」· Creative Arctic Pool

#EBE8D1

Fresh Green · Beige · Lemon Cream

HEX
#EBE8D1
RGB
rgb(235, 232, 209)
HSL
hsl(53, 39%, 87%)
HSB
hsb(53, 11%, 92%)
CMYK
cmyk(0%, 1%, 11%, 8%)
Oklch
oklch(92.7% 0.031 100.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C92828
28C8C8

Analogous

C82878
C92828
C87828

Triadic

C92828
28C828
2828C8

Split-Comp.

C92828
28C878
2878C8

Tetradic

C92828
78C828
28C8C8
7828C8

Contrast Matrix WCAG 2.1 Contrast

C92828
4F3E3E
8CABA1
D7DEDB
EBE8D1
—
1.8
Fail
2.2
Fail
4.0
AA Large
4.5
AA Large
1.8
Fail
—
4.0
AA Large
7.3
AAA
8.1
AAA
2.2
Fail
4.0
AA Large
—
1.8
Fail
2.0
Fail
4.0
AA Large
7.3
AAA
1.8
Fail
—
1.1
Fail
4.5
AA Large
8.1
AAA
2.0
Fail
1.1
Fail
—
White BG
5.5AA
10.0AAA
2.5Fail
1.4Fail
1.2Fail
Black BG
3.8AA Large
2.1Fail
8.5AAA
15.4AAA
17.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

838228
48473E
999AA3
DADADC
EAEAD7

Deuteranopia

8D9928
494A3E
9895A4
DAD9DC
EAEAD8

Tritanopia

C12828
4E3E3E
8EA5A6
D7DCDC
EBDBDC

Achromatopsia

585858
434343
A1A1A1
DCDCDC
E6E6E6

Shades & Tints Shades & Tints

#C92828

Dark
Light

#4F3E3E

Dark
Light

#8CABA1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c92828;
  --color-2: #4f3e3e;
  --color-3: #8caba1;
  --color-4: #d7dedb;
  --color-5: #ebe8d1;
}

SCSS

$color-1: #c92828;
$color-2: #4f3e3e;
$color-3: #8caba1;
$color-4: #d7dedb;
$color-5: #ebe8d1;

TAILWIND

colors: {
  'brand-1': '#c92828',
  'brand-2': '#4f3e3e',
  'brand-3': '#8caba1',
  'brand-4': '#d7dedb',
  'brand-5': '#ebe8d1',
}

RGB Array

[201, 40, 40], [79, 62, 62], [140, 171, 161], [215, 222, 219], [235, 232, 209]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C92828, #4F3E3E, #8CABA1, #D7DEDB, #EBE8D1 is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #c92828; --color-2: #4f3e3e; --color-3: #8caba1; --color-4: #d7dedb; --color-5: #ebe8d1. 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. Restrained colors convey professionalism and trust. 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