← Back to Editor

#34242B · #724356 · #7F9371 · #84DCBF · #D8E6C9

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

#34242B

Dark Violet · DarkSlateGray · Raspberry

HEX
#34242B
RGB
rgb(52, 36, 43)
HSL
hsl(334, 18%, 17%)
HSB
hsb(334, 31%, 20%)
CMYK
cmyk(0%, 31%, 17%, 80%)
Oklch
oklch(28.2% 0.027 351.0)

Traditional「Dark Violet」· Paint「Raspberry」· Creative Blush Sunrise

#724356

Dark Violet · DimGray · Camellia

HEX
#724356
RGB
rgb(114, 67, 86)
HSL
hsl(336, 26%, 35%)
HSB
hsb(336, 41%, 45%)
CMYK
cmyk(0%, 41%, 25%, 55%)
Oklch
oklch(44.5% 0.070 354.5)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#7F9371

Celadon · Gray · Olive Green

HEX
#7F9371
RGB
rgb(127, 147, 113)
HSL
hsl(95, 14%, 51%)
HSB
hsb(95, 23%, 58%)
CMYK
cmyk(14%, 0%, 23%, 42%)
Oklch
oklch(63.8% 0.054 132.6)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#84DCBF

Jade · MediumAquaMarine · Lake Green

HEX
#84DCBF
RGB
rgb(132, 220, 191)
HSL
hsl(160, 56%, 69%)
HSB
hsb(160, 40%, 86%)
CMYK
cmyk(40%, 0%, 13%, 14%)
Oklch
oklch(83.1% 0.095 170.8)

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

#D8E6C9

Willow Green · LightGray · Mint Green

HEX
#D8E6C9
RGB
rgb(216, 230, 201)
HSL
hsl(89, 37%, 85%)
HSB
hsb(89, 13%, 90%)
CMYK
cmyk(6%, 0%, 13%, 10%)
Oklch
oklch(90.7% 0.041 128.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

34242B
24332C

Analogous

332432
34242B
332524

Triadic

34242B
2A3324
242A33

Split-Comp.

34242B
243325
243233

Tetradic

34242B
323324
24332C
252433

Contrast Matrix WCAG 2.1 Contrast

34242B
724356
7F9371
84DCBF
D8E6C9
—
1.9
Fail
4.4
AA Large
9.0
AAA
11.2
AAA
1.9
Fail
—
2.4
Fail
4.9
AA
6.1
AA
4.4
AA Large
2.4
Fail
—
2.1
Fail
2.5
Fail
9.0
AAA
4.9
AA
2.1
Fail
—
1.2
Fail
11.2
AAA
6.1
AA
2.5
Fail
1.2
Fail
—
White BG
14.7AAA
7.9AAA
3.3AA Large
1.6Fail
1.3Fail
Black BG
1.4Fail
2.7Fail
6.3AA
13.0AAA
16.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2D2D29
5E5D51
888879
AAABC6
DEDED0

Deuteranopia

2E2F29
606450
87857B
A59EC8
DDDCD2

Tritanopia

332828
704E4D
808081
88CCCD
D9D6D7

Achromatopsia

2A2A2A
535353
898989
BEBEBE
DFDFDF

Shades & Tints Shades & Tints

#34242B

Dark
Light

#724356

Dark
Light

#7F9371

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #34242b;
  --color-2: #724356;
  --color-3: #7f9371;
  --color-4: #84dcbf;
  --color-5: #d8e6c9;
}

SCSS

$color-1: #34242b;
$color-2: #724356;
$color-3: #7f9371;
$color-4: #84dcbf;
$color-5: #d8e6c9;

TAILWIND

colors: {
  'brand-1': '#34242b',
  'brand-2': '#724356',
  'brand-3': '#7f9371',
  'brand-4': '#84dcbf',
  'brand-5': '#d8e6c9',
}

RGB Array

[52, 36, 43], [114, 67, 86], [127, 147, 113], [132, 220, 191], [216, 230, 201]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #34242B, #724356, #7F9371, #84DCBF, #D8E6C9 is ideal for: 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: #34242b; --color-2: #724356; --color-3: #7f9371; --color-4: #84dcbf; --color-5: #d8e6c9. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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