← Back to Editor

#735E63 · #C62C50 · #E73C22 · #45383A · #5E4C4F

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

#735E63

Crimson · DimGray · Passion Red

HEX
#735E63
RGB
rgb(115, 94, 99)
HSL
hsl(346, 10%, 41%)
HSB
hsb(346, 18%, 45%)
CMYK
cmyk(0%, 18%, 14%, 55%)
Oklch
oklch(50.4% 0.028 2.2)

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

#C62C50

Vermilion · Crimson · Passion Red

HEX
#C62C50
RGB
rgb(198, 44, 80)
HSL
hsl(346, 64%, 47%)
HSB
hsb(346, 78%, 78%)
CMYK
cmyk(0%, 78%, 60%, 22%)
Oklch
oklch(54.8% 0.189 13.3)

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

#E73C22

Vermilion · OrangeRed · Passion Red

HEX
#E73C22
RGB
rgb(231, 60, 34)
HSL
hsl(8, 80%, 52%)
HSB
hsb(8, 85%, 91%)
CMYK
cmyk(0%, 74%, 85%, 9%)
Oklch
oklch(61.3% 0.211 31.6)

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

#45383A

Crimson · DarkSlateGray · Wine Red

HEX
#45383A
RGB
rgb(69, 56, 58)
HSL
hsl(351, 10%, 25%)
HSB
hsb(351, 19%, 27%)
CMYK
cmyk(0%, 19%, 16%, 73%)
Oklch
oklch(35.5% 0.019 7.6)

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

#5E4C4F

Crimson · DimGray · Wine Red

HEX
#5E4C4F
RGB
rgb(94, 76, 79)
HSL
hsl(350, 11%, 33%)
HSB
hsb(350, 19%, 37%)
CMYK
cmyk(0%, 19%, 16%, 63%)
Oklch
oklch(43.6% 0.025 6.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

735E63
5E736E

Analogous

735E6D
735E63
73645E

Triadic

735E63
63735E
5E6373

Split-Comp.

735E63
5E7364
5E6D73

Tetradic

735E63
6D735E
5E736E
645E73

Contrast Matrix WCAG 2.1 Contrast

735E63
C62C50
E73C22
45383A
5E4C4F
—
1.1
Fail
1.4
Fail
1.9
Fail
1.3
Fail
1.1
Fail
—
1.3
Fail
2.1
Fail
1.5
Fail
1.4
Fail
1.3
Fail
—
2.7
Fail
1.9
Fail
1.9
Fail
2.1
Fail
2.7
Fail
—
1.4
Fail
1.3
Fail
1.5
Fail
1.9
Fail
1.4
Fail
—
White BG
6.0AA
5.4AA
4.1AA Large
11.2AAA
8.0AAA
Black BG
3.5AA Large
3.9AA Large
5.1AA
1.9Fail
2.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

6A6A62
838247
9D9B28
3F3F3A
56564E

Deuteranopia

6B6D62
8C9845
A7B42A
404139
57594E

Tritanopia

726161
BE403F
DE2D2E
443939
5D4E4E

Achromatopsia

656565
5E5E5E
6C6C6C
3C3C3C
525252

Shades & Tints Shades & Tints

#735E63

Dark
Light

#C62C50

Dark
Light

#E73C22

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #735e63;
  --color-2: #c62c50;
  --color-3: #e73c22;
  --color-4: #45383a;
  --color-5: #5e4c4f;
}

SCSS

$color-1: #735e63;
$color-2: #c62c50;
$color-3: #e73c22;
$color-4: #45383a;
$color-5: #5e4c4f;

TAILWIND

colors: {
  'brand-1': '#735e63',
  'brand-2': '#c62c50',
  'brand-3': '#e73c22',
  'brand-4': '#45383a',
  'brand-5': '#5e4c4f',
}

RGB Array

[115, 94, 99], [198, 44, 80], [231, 60, 34], [69, 56, 58], [94, 76, 79]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #735E63, #C62C50, #E73C22, #45383A, #5E4C4F is ideal for: tech websites, dark mode UIs, game UIs. 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: #735e63; --color-2: #c62c50; --color-3: #e73c22; --color-4: #45383a; --color-5: #5e4c4f. 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 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