← Back to Editor

#842732 · #192B2F · #253F3C · #438168 · #E4E7DC

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#842732

Crimson · Brown · Wine Red

HEX
#842732
RGB
rgb(132, 39, 50)
HSL
hsl(353, 54%, 34%)
HSB
hsb(353, 70%, 52%)
CMYK
cmyk(0%, 70%, 62%, 48%)
Oklch
oklch(42.0% 0.127 17.8)

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

#192B2F

Slate Blue · DarkSlateGray · Peacock Green

HEX
#192B2F
RGB
rgb(25, 43, 47)
HSL
hsl(191, 31%, 14%)
HSB
hsb(191, 47%, 18%)
CMYK
cmyk(47%, 9%, 0%, 82%)
Oklch
oklch(27.5% 0.025 213.2)

Traditional「Slate Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#253F3C

Mineral Blue · DarkSlateGray · Peacock Green

HEX
#253F3C
RGB
rgb(37, 63, 60)
HSL
hsl(173, 26%, 20%)
HSB
hsb(173, 41%, 25%)
CMYK
cmyk(41%, 0%, 5%, 75%)
Oklch
oklch(34.6% 0.032 186.6)

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

#438168

Mineral Blue · SeaGreen · Forest Green

HEX
#438168
RGB
rgb(67, 129, 104)
HSL
hsl(156, 32%, 38%)
HSB
hsb(156, 48%, 51%)
CMYK
cmyk(48%, 0%, 19%, 49%)
Oklch
oklch(55.4% 0.076 165.5)

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

#E4E7DC

Willow Green · Beige · Mint Green

HEX
#E4E7DC
RGB
rgb(228, 231, 220)
HSL
hsl(76, 19%, 88%)
HSB
hsb(76, 5%, 91%)
CMYK
cmyk(1%, 0%, 5%, 9%)
Oklch
oklch(92.3% 0.015 119.1)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

842732
28867B

Analogous

862862
842732
864C28

Triadic

842732
338628
283386

Split-Comp.

842732
28864C
286286

Tetradic

842732
628628
28867B
4C2886

Contrast Matrix WCAG 2.1 Contrast

842732
192B2F
253F3C
438168
E4E7DC
—
1.6
Fail
1.2
Fail
2.0
Fail
7.2
AAA
1.6
Fail
—
1.3
Fail
3.2
AA Large
11.7
AAA
1.2
Fail
1.3
Fail
—
2.5
Fail
9.0
AAA
2.0
Fail
3.2
AA Large
2.5
Fail
—
3.7
AA Large
7.2
AAA
11.7
AAA
9.0
AAA
3.7
AA Large
—
White BG
9.1AAA
14.7AAA
11.3AAA
4.6AA
1.3Fail
Black BG
2.3Fail
1.4Fail
1.9Fail
4.6AA
16.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5C5B2F
21212E
30303D
5E5E6E
E5E5DF

Deuteranopia

61682F
201E2E
2F2D3D
5A5670
E5E5DF

Tritanopia

7F2D2D
1A2D2D
263D3D
467374
E4E1E1

Achromatopsia

444444
262626
373737
6C6C6C
E5E5E5

Shades & Tints Shades & Tints

#842732

Dark
Light

#192B2F

Dark
Light

#253F3C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #842732;
  --color-2: #192b2f;
  --color-3: #253f3c;
  --color-4: #438168;
  --color-5: #e4e7dc;
}

SCSS

$color-1: #842732;
$color-2: #192b2f;
$color-3: #253f3c;
$color-4: #438168;
$color-5: #e4e7dc;

TAILWIND

colors: {
  'brand-1': '#842732',
  'brand-2': '#192b2f',
  'brand-3': '#253f3c',
  'brand-4': '#438168',
  'brand-5': '#e4e7dc',
}

RGB Array

[132, 39, 50], [25, 43, 47], [37, 63, 60], [67, 129, 104], [228, 231, 220]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #842732, #192B2F, #253F3C, #438168, #E4E7DC 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: #842732; --color-2: #192b2f; --color-3: #253f3c; --color-4: #438168; --color-5: #e4e7dc. 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