← Back to Editor

#C94D43 · #7E4F49 · #414757 · #2D3E50 · #272A2F

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremiumWarmCool

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporate

Color Details Color Details

#C94D43

Crimson · Sienna · Passion Red

HEX
#C94D43
RGB
rgb(201, 77, 67)
HSL
hsl(4, 55%, 53%)
HSB
hsb(4, 67%, 79%)
CMYK
cmyk(0%, 62%, 67%, 21%)
Oklch
oklch(58.5% 0.160 27.7)

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

#7E4F49

Crimson · Sienna · Wine Red

HEX
#7E4F49
RGB
rgb(126, 79, 73)
HSL
hsl(7, 27%, 39%)
HSB
hsb(7, 42%, 49%)
CMYK
cmyk(0%, 37%, 42%, 51%)
Oklch
oklch(47.9% 0.065 27.6)

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

#414757

Indigo · DarkSlateGray · Prussian Blue

HEX
#414757
RGB
rgb(65, 71, 87)
HSL
hsl(224, 14%, 30%)
HSB
hsb(224, 25%, 34%)
CMYK
cmyk(25%, 18%, 0%, 66%)
Oklch
oklch(39.9% 0.028 269.0)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#2D3E50

Indigo · DarkSlateGray · Prussian Blue

HEX
#2D3E50
RGB
rgb(45, 62, 80)
HSL
hsl(211, 28%, 25%)
HSB
hsb(211, 44%, 31%)
CMYK
cmyk(44%, 22%, 0%, 69%)
Oklch
oklch(35.7% 0.038 250.4)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#272A2F

Indigo · DarkSlateGray · Dark Stone

HEX
#272A2F
RGB
rgb(39, 42, 47)
HSL
hsl(218, 9%, 17%)
HSB
hsb(218, 17%, 18%)
CMYK
cmyk(17%, 11%, 0%, 82%)
Oklch
oklch(28.4% 0.010 260.7)

Traditional「Indigo」· Paint「Dark Stone」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C94D43
45C0C9

Analogous

C9457E
C94D43
C99045

Triadic

C94D43
45C94E
4E45C9

Split-Comp.

C94D43
45C990
457EC9

Tetradic

C94D43
7EC945
45C0C9
9045C9

Contrast Matrix WCAG 2.1 Contrast

C94D43
7E4F49
414757
2D3E50
272A2F
—
1.5
Fail
2.0
Fail
2.4
Fail
3.2
AA Large
1.5
Fail
—
1.4
Fail
1.6
Fail
2.1
Fail
2.0
Fail
1.4
Fail
—
1.2
Fail
1.6
Fail
2.4
Fail
1.6
Fail
1.2
Fail
—
1.3
Fail
3.2
AA Large
2.1
Fail
1.6
Fail
1.3
Fail
—
White BG
4.5AA
6.8AA
9.3AAA
11.0AAA
14.4AAA
Black BG
4.6AA
3.1AA Large
2.3Fail
1.9Fail
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

939245
6A694A
444453
34354C
28282E

Deuteranopia

9BA446
6C704B
434352
33324B
28282E

Tritanopia

C34748
7C4C4C
41504F
2E4847
272D2D

Achromatopsia

717171
5C5C5C
474747
3B3B3B
2A2A2A

Shades & Tints Shades & Tints

#C94D43

Dark
Light

#7E4F49

Dark
Light

#414757

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c94d43;
  --color-2: #7e4f49;
  --color-3: #414757;
  --color-4: #2d3e50;
  --color-5: #272a2f;
}

SCSS

$color-1: #c94d43;
$color-2: #7e4f49;
$color-3: #414757;
$color-4: #2d3e50;
$color-5: #272a2f;

TAILWIND

colors: {
  'brand-1': '#c94d43',
  'brand-2': '#7e4f49',
  'brand-3': '#414757',
  'brand-4': '#2d3e50',
  'brand-5': '#272a2f',
}

RGB Array

[201, 77, 67], [126, 79, 73], [65, 71, 87], [45, 62, 80], [39, 42, 47]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C94D43, #7E4F49, #414757, #2D3E50, #272A2F is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs. Low-saturation colors convey a sophisticated, premium feel. 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: #c94d43; --color-2: #7e4f49; --color-3: #414757; --color-4: #2d3e50; --color-5: #272a2f. 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. 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 finance, legal, luxury 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