← Back to Editor

#593C61 · #99829E · #9EAD9F · #9DD1A1 · #BCFFC2

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatile

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#593C61

Dark Plum · DarkSlateBlue · Eggplant

HEX
#593C61
RGB
rgb(89, 60, 97)
HSL
hsl(287, 24%, 31%)
HSB
hsb(287, 38%, 38%)
CMYK
cmyk(8%, 38%, 0%, 62%)
Oklch
oklch(40.4% 0.070 318.8)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#99829E

Dark Plum · LightSlateGray · Violet

HEX
#99829E
RGB
rgb(153, 130, 158)
HSL
hsl(289, 13%, 56%)
HSB
hsb(289, 18%, 62%)
CMYK
cmyk(3%, 18%, 0%, 38%)
Oklch
oklch(63.7% 0.049 320.2)

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

#9EAD9F

Celadon · DarkGray · Silver Sand

HEX
#9EAD9F
RGB
rgb(158, 173, 159)
HSL
hsl(124, 8%, 65%)
HSB
hsb(124, 9%, 68%)
CMYK
cmyk(9%, 0%, 8%, 32%)
Oklch
oklch(73.2% 0.026 147.2)

Traditional「Celadon」· Paint「Silver Sand」· Creative Urban Concrete

#9DD1A1

Celadon · DarkSeaGreen · Apple Green

HEX
#9DD1A1
RGB
rgb(157, 209, 161)
HSL
hsl(125, 36%, 72%)
HSB
hsb(125, 25%, 82%)
CMYK
cmyk(25%, 0%, 23%, 18%)
Oklch
oklch(81.2% 0.086 146.7)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#BCFFC2

Emerald · LightGray · Mint Green

HEX
#BCFFC2
RGB
rgb(188, 255, 194)
HSL
hsl(125, 100%, 87%)
HSB
hsb(125, 26%, 100%)
CMYK
cmyk(26%, 0%, 24%, 0%)
Oklch
oklch(94.0% 0.106 147.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

593C61
44623C

Analogous

473C62
593C61
623C57

Triadic

593C61
625A3C
3C625A

Split-Comp.

593C61
57623C
3C6247

Tetradic

593C61
62473C
44623C
3C5762

Contrast Matrix WCAG 2.1 Contrast

593C61
99829E
9EAD9F
9DD1A1
BCFFC2
—
2.7
Fail
4.0
AA Large
5.4
AA
8.1
AAA
2.7
Fail
—
1.5
Fail
2.0
Fail
3.0
AA Large
4.0
AA Large
1.5
Fail
—
1.4
Fail
2.0
Fail
5.4
AA
2.0
Fail
1.4
Fail
—
1.5
Fail
8.1
AAA
3.0
AA Large
2.0
Fail
1.5
Fail
—
White BG
9.4AAA
3.5AA Large
2.4Fail
1.7Fail
1.2Fail
Black BG
2.2Fail
6.0AA
8.9AAA
12.1AAA
18.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4C4C58
8F8F97
A4A5A2
B4B4AD
D9DAD1

Deuteranopia

4E5056
909296
A4A3A3
B1ADAF
D5D0D4

Tritanopia

58514F
989291
9FA5A6
A0B6B8
BFDCDF

Achromatopsia

494949
8C8C8C
A7A7A7
BCBCBC
E4E4E4

Shades & Tints Shades & Tints

#593C61

Dark
Light

#99829E

Dark
Light

#9EAD9F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #593c61;
  --color-2: #99829e;
  --color-3: #9ead9f;
  --color-4: #9dd1a1;
  --color-5: #bcffc2;
}

SCSS

$color-1: #593c61;
$color-2: #99829e;
$color-3: #9ead9f;
$color-4: #9dd1a1;
$color-5: #bcffc2;

TAILWIND

colors: {
  'brand-1': '#593c61',
  'brand-2': '#99829e',
  'brand-3': '#9ead9f',
  'brand-4': '#9dd1a1',
  'brand-5': '#bcffc2',
}

RGB Array

[89, 60, 97], [153, 130, 158], [158, 173, 159], [157, 209, 161], [188, 255, 194]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #593C61, #99829E, #9EAD9F, #9DD1A1, #BCFFC2 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: #593c61; --color-2: #99829e; --color-3: #9ead9f; --color-4: #9dd1a1; --color-5: #bcffc2. 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