← Back to Editor

#C91E04 · #915A51 · #8C7470 · #6DA698 · #B8D9C6

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 Library

Color Details Color Details

#C91E04

Vermilion · FireBrick · Wine Red

HEX
#C91E04
RGB
rgb(201, 30, 4)
HSL
hsl(8, 96%, 40%)
HSB
hsb(8, 98%, 79%)
CMYK
cmyk(0%, 85%, 98%, 21%)
Oklch
oklch(53.5% 0.205 31.1)

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

#915A51

Crimson · Sienna · Passion Red

HEX
#915A51
RGB
rgb(145, 90, 81)
HSL
hsl(8, 28%, 44%)
HSB
hsb(8, 44%, 57%)
CMYK
cmyk(0%, 38%, 44%, 43%)
Oklch
oklch(52.7% 0.075 29.9)

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

#8C7470

Crimson · Gray · Passion Red

HEX
#8C7470
RGB
rgb(140, 116, 112)
HSL
hsl(9, 11%, 49%)
HSB
hsb(9, 20%, 55%)
CMYK
cmyk(0%, 17%, 20%, 45%)
Oklch
oklch(58.1% 0.031 29.1)

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

#6DA698

Mineral Blue · CadetBlue · Lake Green

HEX
#6DA698
RGB
rgb(109, 166, 152)
HSL
hsl(165, 24%, 54%)
HSB
hsb(165, 34%, 65%)
CMYK
cmyk(34%, 0%, 8%, 35%)
Oklch
oklch(68.2% 0.063 177.1)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#B8D9C6

Celadon · Silver · Apple Green

HEX
#B8D9C6
RGB
rgb(184, 217, 198)
HSL
hsl(145, 30%, 79%)
HSB
hsb(145, 15%, 85%)
CMYK
cmyk(15%, 0%, 9%, 15%)
Oklch
oklch(85.6% 0.044 160.1)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C91E04
04AEC8

Analogous

C8044C
C91E04
C88004

Triadic

C91E04
04C81E
1E04C8

Split-Comp.

C91E04
04C880
044CC8

Tetradic

C91E04
4CC804
04AEC8
8004C8

Contrast Matrix WCAG 2.1 Contrast

C91E04
915A51
8C7470
6DA698
B8D9C6
—
1.0
Fail
1.3
Fail
2.1
Fail
3.8
AA Large
1.0
Fail
—
1.3
Fail
2.0
Fail
3.6
AA Large
1.3
Fail
1.3
Fail
—
1.6
Fail
2.8
Fail
2.1
Fail
2.0
Fail
1.6
Fail
—
1.8
Fail
3.8
AA Large
3.6
AA Large
2.8
Fail
1.8
Fail
—
White BG
5.7AA
5.5AA
4.3AA Large
2.8Fail
1.5Fail
Black BG
3.7AA Large
3.8AA Large
4.8AA
7.6AAA
13.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7F7D0A
797953
828171
86869B
C6C7CB

Deuteranopia

89960C
7C8154
838571
827E9C
C4C2CC

Tritanopia

C00F10
8E5555
8B7272
709E9F
BACECF

Achromatopsia

4E4E4E
696969
7B7B7B
939393
CDCDCD

Shades & Tints Shades & Tints

#C91E04

Dark
Light

#915A51

Dark
Light

#8C7470

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c91e04;
  --color-2: #915a51;
  --color-3: #8c7470;
  --color-4: #6da698;
  --color-5: #b8d9c6;
}

SCSS

$color-1: #c91e04;
$color-2: #915a51;
$color-3: #8c7470;
$color-4: #6da698;
$color-5: #b8d9c6;

TAILWIND

colors: {
  'brand-1': '#c91e04',
  'brand-2': '#915a51',
  'brand-3': '#8c7470',
  'brand-4': '#6da698',
  'brand-5': '#b8d9c6',
}

RGB Array

[201, 30, 4], [145, 90, 81], [140, 116, 112], [109, 166, 152], [184, 217, 198]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C91E04, #915A51, #8C7470, #6DA698, #B8D9C6 is ideal for: corporate websites, product showcases, portfolios. 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: #c91e04; --color-2: #915a51; --color-3: #8c7470; --color-4: #6da698; --color-5: #b8d9c6. 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. 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