← Back to Editor

#C4052E · #AB324C · #915D55 · #759C86 · #827B65

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 Library

Color Details Color Details

#C4052E

Vermilion · Crimson · Wine Red

HEX
#C4052E
RGB
rgb(196, 5, 46)
HSL
hsl(347, 95%, 39%)
HSB
hsb(347, 97%, 77%)
CMYK
cmyk(0%, 97%, 77%, 23%)
Oklch
oklch(52.0% 0.207 21.4)

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

#AB324C

Crimson · Brown · Passion Red

HEX
#AB324C
RGB
rgb(171, 50, 76)
HSL
hsl(347, 55%, 43%)
HSB
hsb(347, 71%, 67%)
CMYK
cmyk(0%, 71%, 56%, 33%)
Oklch
oklch(50.6% 0.157 12.3)

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

#915D55

Crimson · Sienna · Passion Red

HEX
#915D55
RGB
rgb(145, 93, 85)
HSL
hsl(8, 26%, 45%)
HSB
hsb(8, 41%, 57%)
CMYK
cmyk(0%, 36%, 41%, 43%)
Oklch
oklch(53.3% 0.070 29.2)

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

#759C86

Celadon · LightSlateGray · Olive Green

HEX
#759C86
RGB
rgb(117, 156, 134)
HSL
hsl(146, 16%, 54%)
HSB
hsb(146, 25%, 61%)
CMYK
cmyk(25%, 0%, 14%, 39%)
Oklch
oklch(65.7% 0.054 159.8)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#827B65

Ochre · Gray · Honey Gold

HEX
#827B65
RGB
rgb(130, 123, 101)
HSL
hsl(46, 13%, 45%)
HSB
hsb(46, 22%, 51%)
CMYK
cmyk(0%, 5%, 22%, 49%)
Oklch
oklch(58.3% 0.033 92.5)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C4052E
05C299

Analogous

C2058C
C4052E
C23B05

Triadic

C4052E
2EC205
052EC2

Split-Comp.

C4052E
05C23B
058CC2

Tetradic

C4052E
8CC205
05C299
3B05C2

Contrast Matrix WCAG 2.1 Contrast

C4052E
AB324C
915D55
759C86
827B65
—
1.0
Fail
1.1
Fail
2.0
Fail
1.5
Fail
1.0
Fail
—
1.2
Fail
2.1
Fail
1.5
Fail
1.1
Fail
1.2
Fail
—
1.8
Fail
1.3
Fail
2.0
Fail
2.1
Fail
1.8
Fail
—
1.4
Fail
1.5
Fail
1.5
Fail
1.3
Fail
1.4
Fail
—
White BG
6.2AA
6.4AA
5.4AA
3.1AA Large
4.2AA Large
Black BG
3.4AA Large
3.3AA Large
3.9AA Large
6.9AA
5.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

717024
777646
7A7A57
86868B
7F7F6A

Deuteranopia

7C8B22
7E8744
7E8157
84818D
7F806C

Tritanopia

BA1C1B
A54140
8E5859
779090
826F6F

Achromatopsia

434343
595959
6C6C6C
8E8E8E
7B7B7B

Shades & Tints Shades & Tints

#C4052E

Dark
Light

#AB324C

Dark
Light

#915D55

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c4052e;
  --color-2: #ab324c;
  --color-3: #915d55;
  --color-4: #759c86;
  --color-5: #827b65;
}

SCSS

$color-1: #c4052e;
$color-2: #ab324c;
$color-3: #915d55;
$color-4: #759c86;
$color-5: #827b65;

TAILWIND

colors: {
  'brand-1': '#c4052e',
  'brand-2': '#ab324c',
  'brand-3': '#915d55',
  'brand-4': '#759c86',
  'brand-5': '#827b65',
}

RGB Array

[196, 5, 46], [171, 50, 76], [145, 93, 85], [117, 156, 134], [130, 123, 101]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C4052E, #AB324C, #915D55, #759C86, #827B65 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: #c4052e; --color-2: #ab324c; --color-3: #915d55; --color-4: #759c86; --color-5: #827b65. 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