← Back to Editor

#C51927 · #030106 · #8C8E76 · #F1E9D4 · #CEB04E

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

#C51927

Vermilion · FireBrick · Passion Red

HEX
#C51927
RGB
rgb(197, 25, 39)
HSL
hsl(355, 77%, 44%)
HSB
hsb(355, 87%, 77%)
CMYK
cmyk(0%, 87%, 80%, 23%)
Oklch
oklch(52.8% 0.202 24.8)

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

#030106

Deep Indigo · Black · Dark Purple

HEX
#030106
RGB
rgb(3, 1, 6)
HSL
hsl(264, 71%, 1%)
HSB
hsb(264, 83%, 2%)
CMYK
cmyk(50%, 83%, 0%, 98%)
Oklch
oklch(8.4% 0.025 305.8)

Traditional「Deep Indigo」· Paint「Dark Purple」· Creative Blush Sunrise

#8C8E76

Autumn Sage · Gray · Sunflower

HEX
#8C8E76
RGB
rgb(140, 142, 118)
HSL
hsl(65, 10%, 51%)
HSB
hsb(65, 17%, 56%)
CMYK
cmyk(1%, 0%, 17%, 44%)
Oklch
oklch(63.8% 0.035 111.2)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#F1E9D4

Goose Yellow · Beige · Lemon Cream

HEX
#F1E9D4
RGB
rgb(241, 233, 212)
HSL
hsl(43, 51%, 89%)
HSB
hsb(43, 12%, 95%)
CMYK
cmyk(0%, 3%, 12%, 5%)
Oklch
oklch(93.5% 0.029 89.6)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#CEB04E

Ginger · SandyBrown · Sunflower

HEX
#CEB04E
RGB
rgb(206, 176, 78)
HSL
hsl(46, 57%, 56%)
HSB
hsb(46, 62%, 81%)
CMYK
cmyk(0%, 15%, 62%, 19%)
Oklch
oklch(76.5% 0.122 92.3)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C51927
1AC7B8

Analogous

C71A7F
C51927
C7621A

Triadic

C51927
28C71A
1A28C7

Split-Comp.

C51927
1AC762
1A7FC7

Tetradic

C51927
7FC71A
1AC7B8
621AC7

Contrast Matrix WCAG 2.1 Contrast

C51927
030106
8C8E76
F1E9D4
CEB04E
—
3.5
AA Large
1.8
Fail
4.9
AA
2.8
Fail
3.5
AA Large
—
6.2
AA
17.2
AAA
9.8
AAA
1.8
Fail
6.2
AA
—
2.8
Fail
1.6
Fail
4.9
AA
17.2
AAA
2.8
Fail
—
1.7
Fail
2.8
Fail
9.8
AAA
1.6
Fail
1.7
Fail
—
White BG
5.9AA
20.8AAA
3.4AA Large
1.2Fail
2.1Fail
Black BG
3.5AA Large
1.0Fail
6.2AA
17.3AAA
9.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7B7924
020205
8D8D7C
EEEDD9
C1C166

Deuteranopia

859123
020204
8D8D7D
EEEFDA
C3C56B

Tritanopia

BC2120
030404
8C8081
F1DDDE
CD787D

Achromatopsia

4E4E4E
020202
8B8B8B
E9E9E9
AEAEAE

Shades & Tints Shades & Tints

#C51927

Dark
Light

#030106

Dark
Light

#8C8E76

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c51927;
  --color-2: #030106;
  --color-3: #8c8e76;
  --color-4: #f1e9d4;
  --color-5: #ceb04e;
}

SCSS

$color-1: #c51927;
$color-2: #030106;
$color-3: #8c8e76;
$color-4: #f1e9d4;
$color-5: #ceb04e;

TAILWIND

colors: {
  'brand-1': '#c51927',
  'brand-2': '#030106',
  'brand-3': '#8c8e76',
  'brand-4': '#f1e9d4',
  'brand-5': '#ceb04e',
}

RGB Array

[197, 25, 39], [3, 1, 6], [140, 142, 118], [241, 233, 212], [206, 176, 78]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C51927, #030106, #8C8E76, #F1E9D4, #CEB04E 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: #c51927; --color-2: #030106; --color-3: #8c8e76; --color-4: #f1e9d4; --color-5: #ceb04e. 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