← Back to Editor

#C75B41 · #B64330 · #B82C1F · #756F61 · #2C0E18

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

#C75B41

Crimson · Chocolate · Passion Red

HEX
#C75B41
RGB
rgb(199, 91, 65)
HSL
hsl(12, 54%, 52%)
HSB
hsb(12, 67%, 78%)
CMYK
cmyk(0%, 54%, 67%, 22%)
Oklch
oklch(60.1% 0.144 34.8)

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

#B64330

Crimson · Sienna · Passion Red

HEX
#B64330
RGB
rgb(182, 67, 48)
HSL
hsl(9, 58%, 45%)
HSB
hsb(9, 74%, 71%)
CMYK
cmyk(0%, 63%, 74%, 29%)
Oklch
oklch(53.9% 0.153 31.7)

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

#B82C1F

Vermilion · FireBrick · Passion Red

HEX
#B82C1F
RGB
rgb(184, 44, 31)
HSL
hsl(5, 71%, 42%)
HSB
hsb(5, 83%, 72%)
CMYK
cmyk(0%, 76%, 83%, 28%)
Oklch
oklch(51.6% 0.179 29.8)

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

#756F61

Ochre · DimGray · Warm Gray

HEX
#756F61
RGB
rgb(117, 111, 97)
HSL
hsl(42, 9%, 42%)
HSB
hsb(42, 17%, 46%)
CMYK
cmyk(0%, 5%, 17%, 54%)
Oklch
oklch(54.3% 0.022 87.6)

Traditional「Ochre」· Paint「Warm Gray」· Creative Urban Concrete

#2C0E18

Dark Violet · Black · Raspberry

HEX
#2C0E18
RGB
rgb(44, 14, 24)
HSL
hsl(340, 52%, 11%)
HSB
hsb(340, 68%, 17%)
CMYK
cmyk(0%, 68%, 45%, 83%)
Oklch
oklch(21.6% 0.051 1.4)

Traditional「Dark Violet」· Paint「Raspberry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C75B41
43ACC7

Analogous

C7436A
C75B41
C79F43

Triadic

C75B41
43C75D
5D43C7

Split-Comp.

C75B41
43C79F
436AC7

Tetradic

C75B41
6AC743
43ACC7
9F43C7

Contrast Matrix WCAG 2.1 Contrast

C75B41
B64330
B82C1F
756F61
2C0E18
—
1.3
Fail
1.5
Fail
1.2
Fail
4.2
AA Large
1.3
Fail
—
1.1
Fail
1.1
Fail
3.2
AA Large
1.5
Fail
1.1
Fail
—
1.2
Fail
2.9
Fail
1.2
Fail
1.1
Fail
1.2
Fail
—
3.6
AA Large
4.2
AA Large
3.2
AA Large
2.9
Fail
3.6
AA Large
—
White BG
4.2AA Large
5.5AA
6.1AA
5.0AA
17.7AAA
Black BG
5.0AA
3.8AA Large
3.4AA Large
4.2AA Large
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

989747
848335
7B7A22
727264
1F1F16

Deuteranopia

9FA749
8B9436
848E23
737365
212315

Tritanopia

C24C4D
B03839
B12525
756768
2B1413

Achromatopsia

787878
636363
545454
6F6F6F
181818

Shades & Tints Shades & Tints

#C75B41

Dark
Light

#B64330

Dark
Light

#B82C1F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c75b41;
  --color-2: #b64330;
  --color-3: #b82c1f;
  --color-4: #756f61;
  --color-5: #2c0e18;
}

SCSS

$color-1: #c75b41;
$color-2: #b64330;
$color-3: #b82c1f;
$color-4: #756f61;
$color-5: #2c0e18;

TAILWIND

colors: {
  'brand-1': '#c75b41',
  'brand-2': '#b64330',
  'brand-3': '#b82c1f',
  'brand-4': '#756f61',
  'brand-5': '#2c0e18',
}

RGB Array

[199, 91, 65], [182, 67, 48], [184, 44, 31], [117, 111, 97], [44, 14, 24]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C75B41, #B64330, #B82C1F, #756F61, #2C0E18 is ideal for: tech websites, dark mode UIs, game UIs, 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: #c75b41; --color-2: #b64330; --color-3: #b82c1f; --color-4: #756f61; --color-5: #2c0e18. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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