← Back to Editor

#C4C3A6 · #493F3F · #9E1414 · #776C5A · #190C0C

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

#C4C3A6

Fresh Green · Silver · Sunflower

HEX
#C4C3A6
RGB
rgb(196, 195, 166)
HSL
hsl(58, 20%, 71%)
HSB
hsb(58, 15%, 77%)
CMYK
cmyk(0%, 1%, 15%, 23%)
Oklch
oklch(81.0% 0.039 105.6)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#493F3F

Dark Cyan · DarkSlateGray · Charcoal

HEX
#493F3F
RGB
rgb(73, 63, 63)
HSL
hsl(0, 7%, 27%)
HSB
hsb(0, 14%, 29%)
CMYK
cmyk(0%, 14%, 14%, 71%)
Oklch
oklch(37.8% 0.014 17.8)

Traditional「Dark Cyan」· Paint「Charcoal」· Creative Midnight Shadow

#9E1414

Vermilion · FireBrick · Wine Red

HEX
#9E1414
RGB
rgb(158, 20, 20)
HSL
hsl(0, 78%, 35%)
HSB
hsb(0, 87%, 62%)
CMYK
cmyk(0%, 87%, 87%, 38%)
Oklch
oklch(44.8% 0.171 27.7)

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

#776C5A

Ochre · DimGray · Amber Brown

HEX
#776C5A
RGB
rgb(119, 108, 90)
HSL
hsl(37, 14%, 41%)
HSB
hsb(37, 24%, 47%)
CMYK
cmyk(0%, 9%, 24%, 53%)
Oklch
oklch(53.6% 0.030 80.1)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#190C0C

Crimson · Black · Deep Berry

HEX
#190C0C
RGB
rgb(25, 12, 12)
HSL
hsl(0, 35%, 7%)
HSB
hsb(0, 52%, 10%)
CMYK
cmyk(0%, 52%, 52%, 90%)
Oklch
oklch(17.3% 0.023 19.6)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C4C3A6
A6A7C4

Analogous

C4B4A6
C4C3A6
B6C4A6

Triadic

C4C3A6
A6C4C3
C3A6C4

Split-Comp.

C4C3A6
A6B6C4
B4A6C4

Tetradic

C4C3A6
A6C4B4
A6A7C4
C4A6B6

Contrast Matrix WCAG 2.1 Contrast

C4C3A6
493F3F
9E1414
776C5A
190C0C
—
5.7
AA
4.6
AA
2.9
Fail
10.6
AAA
5.7
AA
—
1.2
Fail
2.0
Fail
1.9
Fail
4.6
AA
1.2
Fail
—
1.6
Fail
2.3
Fail
2.9
Fail
2.0
Fail
1.6
Fail
—
3.7
AA Large
10.6
AAA
1.9
Fail
2.3
Fail
3.7
AA Large
—
White BG
1.8Fail
10.2AAA
8.2AAA
5.2AA
19.1AAA
Black BG
11.7AAA
2.1Fail
2.6Fail
4.1AA Large
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C4C4AD
45453F
626114
72725E
13130C

Deuteranopia

C4C4AF
45463F
6A7514
73745F
14150C

Tritanopia

C4B3B4
493F3F
971414
766263
180C0C

Achromatopsia

C0C0C0
424242
3D3D3D
6D6D6D
101010

Shades & Tints Shades & Tints

#C4C3A6

Dark
Light

#493F3F

Dark
Light

#9E1414

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c4c3a6;
  --color-2: #493f3f;
  --color-3: #9e1414;
  --color-4: #776c5a;
  --color-5: #190c0c;
}

SCSS

$color-1: #c4c3a6;
$color-2: #493f3f;
$color-3: #9e1414;
$color-4: #776c5a;
$color-5: #190c0c;

TAILWIND

colors: {
  'brand-1': '#c4c3a6',
  'brand-2': '#493f3f',
  'brand-3': '#9e1414',
  'brand-4': '#776c5a',
  'brand-5': '#190c0c',
}

RGB Array

[196, 195, 166], [73, 63, 63], [158, 20, 20], [119, 108, 90], [25, 12, 12]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C4C3A6, #493F3F, #9E1414, #776C5A, #190C0C 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: #c4c3a6; --color-2: #493f3f; --color-3: #9e1414; --color-4: #776c5a; --color-5: #190c0c. 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