← Back to Editor

#862C48 · #EFFEC9 · #D5E5C1 · #6C8C7C · #316E5B

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

#862C48

Dark Violet · Brown · Camellia

HEX
#862C48
RGB
rgb(134, 44, 72)
HSL
hsl(341, 51%, 35%)
HSB
hsb(341, 67%, 53%)
CMYK
cmyk(0%, 67%, 46%, 47%)
Oklch
oklch(43.5% 0.125 4.8)

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

#EFFEC9

Willow Green · Beige · Mint Green

HEX
#EFFEC9
RGB
rgb(239, 254, 201)
HSL
hsl(77, 96%, 89%)
HSB
hsb(77, 21%, 100%)
CMYK
cmyk(6%, 0%, 21%, 0%)
Oklch
oklch(97.3% 0.070 120.6)

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

#D5E5C1

Willow Green · LightGray · Mint Green

HEX
#D5E5C1
RGB
rgb(213, 229, 193)
HSL
hsl(87, 41%, 83%)
HSB
hsb(87, 16%, 90%)
CMYK
cmyk(7%, 0%, 16%, 10%)
Oklch
oklch(90.0% 0.051 127.0)

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

#6C8C7C

Mineral Blue · Gray · Olive Green

HEX
#6C8C7C
RGB
rgb(108, 140, 124)
HSL
hsl(150, 13%, 49%)
HSB
hsb(150, 23%, 55%)
CMYK
cmyk(23%, 0%, 11%, 45%)
Oklch
oklch(61.1% 0.043 163.1)

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

#316E5B

Mineral Blue · SeaGreen · Mint Ice

HEX
#316E5B
RGB
rgb(49, 110, 91)
HSL
hsl(161, 38%, 31%)
HSB
hsb(161, 55%, 43%)
CMYK
cmyk(55%, 0%, 17%, 57%)
Oklch
oklch(49.2% 0.071 170.4)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

862C48
2C876A

Analogous

872C76
862C48
873C2C

Triadic

862C48
49872C
2C4987

Split-Comp.

862C48
2C873C
2C7687

Tetradic

862C48
76872C
2C876A
3C2C87

Contrast Matrix WCAG 2.1 Contrast

862C48
EFFEC9
D5E5C1
6C8C7C
316E5B
—
8.0
AAA
6.4
AA
2.3
Fail
1.4
Fail
8.0
AAA
—
1.2
Fail
3.5
AA Large
5.6
AA
6.4
AA
1.2
Fail
—
2.8
Fail
4.5
AA
2.3
Fail
3.5
AA Large
2.8
Fail
—
1.6
Fail
1.4
Fail
5.6
AA
4.5
AA
1.6
Fail
—
White BG
8.5AAA
1.1Fail
1.3Fail
3.7AA Large
6.0AA
Black BG
2.5Fail
19.7AAA
15.8AAA
5.7AA
3.5AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

5F5E41
F5F6D6
DCDCCA
7A7A80
4B4C60

Deuteranopia

646B40
F5F4D9
DBDACC
787681
484361

Tritanopia

823C3B
F0E0E2
D6D1D2
6E8384
346364

Achromatopsia

4A4A4A
F3F3F3
DCDCDC
818181
5A5A5A

Shades & Tints Shades & Tints

#862C48

Dark
Light

#EFFEC9

Dark
Light

#D5E5C1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #862c48;
  --color-2: #effec9;
  --color-3: #d5e5c1;
  --color-4: #6c8c7c;
  --color-5: #316e5b;
}

SCSS

$color-1: #862c48;
$color-2: #effec9;
$color-3: #d5e5c1;
$color-4: #6c8c7c;
$color-5: #316e5b;

TAILWIND

colors: {
  'brand-1': '#862c48',
  'brand-2': '#effec9',
  'brand-3': '#d5e5c1',
  'brand-4': '#6c8c7c',
  'brand-5': '#316e5b',
}

RGB Array

[134, 44, 72], [239, 254, 201], [213, 229, 193], [108, 140, 124], [49, 110, 91]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #862C48, #EFFEC9, #D5E5C1, #6C8C7C, #316E5B 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: #862c48; --color-2: #effec9; --color-3: #d5e5c1; --color-4: #6c8c7c; --color-5: #316e5b. 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