← Back to Editor

#4A312C · #30201D · #444D45 · #6F9484 · #ACE4CD

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 ThemeCorporateData Visualization

Color Details Color Details

#4A312C

Crimson · DarkSlateGray · Wine Red

HEX
#4A312C
RGB
rgb(74, 49, 44)
HSL
hsl(10, 25%, 23%)
HSB
hsb(10, 41%, 29%)
CMYK
cmyk(0%, 34%, 41%, 71%)
Oklch
oklch(34.1% 0.038 31.7)

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

#30201D

Crimson · Black · Deep Berry

HEX
#30201D
RGB
rgb(48, 32, 29)
HSL
hsl(9, 25%, 15%)
HSB
hsb(9, 40%, 19%)
CMYK
cmyk(0%, 33%, 40%, 81%)
Oklch
oklch(26.2% 0.026 30.8)

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

#444D45

Dark Cyan · DarkSlateGray · Charcoal

HEX
#444D45
RGB
rgb(68, 77, 69)
HSL
hsl(127, 6%, 28%)
HSB
hsb(127, 12%, 30%)
CMYK
cmyk(12%, 0%, 10%, 70%)
Oklch
oklch(40.9% 0.018 148.4)

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

#6F9484

Mineral Blue · SlateGray · Olive Green

HEX
#6F9484
RGB
rgb(111, 148, 132)
HSL
hsl(154, 15%, 51%)
HSB
hsb(154, 25%, 58%)
CMYK
cmyk(25%, 0%, 11%, 42%)
Oklch
oklch(63.4% 0.048 166.5)

Traditional「Mineral Blue」· Paint「Olive Green」· Creative Blush Sunrise

#ACE4CD

Jade · LightBlue · Apple Green

HEX
#ACE4CD
RGB
rgb(172, 228, 205)
HSL
hsl(155, 51%, 78%)
HSB
hsb(155, 25%, 89%)
CMYK
cmyk(25%, 0%, 10%, 11%)
Oklch
oklch(87.4% 0.066 167.7)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4A312C
2C4449

Analogous

492C36
4A312C
49402C

Triadic

4A312C
2C4931
312C49

Split-Comp.

4A312C
2C4940
2C3649

Tetradic

4A312C
36492C
2C4449
402C49

Contrast Matrix WCAG 2.1 Contrast

4A312C
30201D
444D45
6F9484
ACE4CD
—
1.3
Fail
1.4
Fail
3.5
AA Large
8.3
AAA
1.3
Fail
—
1.8
Fail
4.6
AA
10.9
AAA
1.4
Fail
1.8
Fail
—
2.6
Fail
6.2
AA
3.5
AA Large
4.6
AA
2.6
Fail
—
2.4
Fail
8.3
AAA
10.9
AAA
6.2
AA
2.4
Fail
—
White BG
11.9AAA
15.6AAA
8.8AAA
3.4AA Large
1.4Fail
Black BG
1.8Fail
1.4Fail
2.4Fail
6.2AA
14.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3F3F2D
29291E
484847
7F7F88
C4C5D3

Deuteranopia

41432E
2A2B1E
474747
7D7A89
C1BDD4

Tritanopia

492E2E
2F1E1E
444849
718B8C
AFD7D8

Achromatopsia

383838
242424
494949
878787
D1D1D1

Shades & Tints Shades & Tints

#4A312C

Dark
Light

#30201D

Dark
Light

#444D45

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4a312c;
  --color-2: #30201d;
  --color-3: #444d45;
  --color-4: #6f9484;
  --color-5: #ace4cd;
}

SCSS

$color-1: #4a312c;
$color-2: #30201d;
$color-3: #444d45;
$color-4: #6f9484;
$color-5: #ace4cd;

TAILWIND

colors: {
  'brand-1': '#4a312c',
  'brand-2': '#30201d',
  'brand-3': '#444d45',
  'brand-4': '#6f9484',
  'brand-5': '#ace4cd',
}

RGB Array

[74, 49, 44], [48, 32, 29], [68, 77, 69], [111, 148, 132], [172, 228, 205]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #4A312C, #30201D, #444D45, #6F9484, #ACE4CD is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. 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: #4a312c; --color-2: #30201d; --color-3: #444d45; --color-4: #6f9484; --color-5: #ace4cd. 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 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