← Back to Editor

#59BB9C · #4F9191 · #587889 · #4A4456 · #EBD2FD

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#59BB9C

Mineral Blue · MediumAquaMarine · Lake Green

HEX
#59BB9C
RGB
rgb(89, 187, 156)
HSL
hsl(161, 42%, 54%)
HSB
hsb(161, 52%, 73%)
CMYK
cmyk(52%, 0%, 17%, 27%)
Oklch
oklch(72.4% 0.104 170.1)

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

#4F9191

Slate Blue · CadetBlue · Mint Ice

HEX
#4F9191
RGB
rgb(79, 145, 145)
HSL
hsl(180, 29%, 44%)
HSB
hsb(180, 46%, 57%)
CMYK
cmyk(46%, 0%, 0%, 43%)
Oklch
oklch(61.3% 0.068 195.5)

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

#587889

Slate Blue · SlateGray · Navy Blue

HEX
#587889
RGB
rgb(88, 120, 137)
HSL
hsl(201, 22%, 44%)
HSB
hsb(201, 36%, 54%)
CMYK
cmyk(36%, 12%, 0%, 46%)
Oklch
oklch(55.5% 0.045 231.8)

Traditional「Slate Blue」· Paint「Navy Blue」· Creative Blush Sunrise

#4A4456

Deep Indigo · DarkSlateGray · Eggplant

HEX
#4A4456
RGB
rgb(74, 68, 86)
HSL
hsl(260, 12%, 30%)
HSB
hsb(260, 21%, 34%)
CMYK
cmyk(14%, 21%, 0%, 66%)
Oklch
oklch(40.0% 0.031 300.2)

Traditional「Deep Indigo」· Paint「Eggplant」· Creative Blush Sunrise

#EBD2FD

Lilac · Lavender · Lavender

HEX
#EBD2FD
RGB
rgb(235, 210, 253)
HSL
hsl(275, 91%, 91%)
HSB
hsb(275, 17%, 99%)
CMYK
cmyk(7%, 17%, 0%, 1%)
Oklch
oklch(89.8% 0.064 311.1)

Traditional「Lilac」· Paint「Lavender」· Creative Lavender Dream

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

59BB9C
BB5878

Analogous

58BB6A
59BB9C
58A9BB

Triadic

59BB9C
9C58BB
BB9C58

Split-Comp.

59BB9C
BB58A9
BB6A58

Tetradic

59BB9C
6A58BB
BB5878
A9BB58

Contrast Matrix WCAG 2.1 Contrast

59BB9C
4F9191
587889
4A4456
EBD2FD
—
1.6
Fail
2.0
Fail
4.0
AA Large
1.7
Fail
1.6
Fail
—
1.3
Fail
2.6
Fail
2.6
Fail
2.0
Fail
1.3
Fail
—
2.0
Fail
3.4
AA Large
4.0
AA Large
2.6
Fail
2.0
Fail
—
6.7
AA
1.7
Fail
2.6
Fail
3.4
AA Large
6.7
AA
—
White BG
2.3Fail
3.6AA Large
4.7AA
9.3AAA
1.4Fail
Black BG
9.0AAA
5.8AA
4.5AA Large
2.3Fail
15.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8384A4
6C6C91
666685
474752
E0E0F3

Deuteranopia

7E76A5
686391
646284
484851
E2E4F0

Tritanopia

5EA9AB
529191
5A8281
4A4E4D
EAEAE9

Achromatopsia

9A9A9A
7D7D7D
707070
484848
DEDEDE

Shades & Tints Shades & Tints

#59BB9C

Dark
Light

#4F9191

Dark
Light

#587889

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #59bb9c;
  --color-2: #4f9191;
  --color-3: #587889;
  --color-4: #4a4456;
  --color-5: #ebd2fd;
}

SCSS

$color-1: #59bb9c;
$color-2: #4f9191;
$color-3: #587889;
$color-4: #4a4456;
$color-5: #ebd2fd;

TAILWIND

colors: {
  'brand-1': '#59bb9c',
  'brand-2': '#4f9191',
  'brand-3': '#587889',
  'brand-4': '#4a4456',
  'brand-5': '#ebd2fd',
}

RGB Array

[89, 187, 156], [79, 145, 145], [88, 120, 137], [74, 68, 86], [235, 210, 253]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #59BB9C, #4F9191, #587889, #4A4456, #EBD2FD 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: #59bb9c; --color-2: #4f9191; --color-3: #587889; --color-4: #4a4456; --color-5: #ebd2fd. 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