← Back to Editor

#58154C · #65BDB6 · #B1E6C6 · #9AE6FF · #D1E5C1

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

#58154C

Rose Purple · Purple · Eggplant

HEX
#58154C
RGB
rgb(88, 21, 76)
HSL
hsl(311, 61%, 21%)
HSB
hsb(311, 76%, 35%)
CMYK
cmyk(0%, 76%, 14%, 65%)
Oklch
oklch(33.1% 0.118 336.1)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

#65BDB6

Mineral Blue · MediumAquaMarine · Lake Green

HEX
#65BDB6
RGB
rgb(101, 189, 182)
HSL
hsl(175, 40%, 57%)
HSB
hsb(175, 47%, 74%)
CMYK
cmyk(47%, 0%, 4%, 26%)
Oklch
oklch(74.2% 0.086 188.8)

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

#B1E6C6

Emerald · LightBlue · Apple Green

HEX
#B1E6C6
RGB
rgb(177, 230, 198)
HSL
hsl(144, 51%, 80%)
HSB
hsb(144, 23%, 90%)
CMYK
cmyk(23%, 0%, 14%, 10%)
Oklch
oklch(88.0% 0.070 158.1)

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

#9AE6FF

Sky Blue · LightSkyBlue · Glacier Blue

HEX
#9AE6FF
RGB
rgb(154, 230, 255)
HSL
hsl(195, 100%, 80%)
HSB
hsb(195, 40%, 100%)
CMYK
cmyk(40%, 10%, 0%, 0%)
Oklch
oklch(88.4% 0.082 220.6)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

#D1E5C1

Celadon · LightGray · Mint Green

HEX
#D1E5C1
RGB
rgb(209, 229, 193)
HSL
hsl(93, 41%, 83%)
HSB
hsb(93, 16%, 90%)
CMYK
cmyk(9%, 0%, 16%, 10%)
Oklch
oklch(89.8% 0.053 131.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

58154C
155621

Analogous

421556
58154C
56152A

Triadic

58154C
4A5615
154A56

Split-Comp.

58154C
2A5615
155642

Tetradic

58154C
564215
155621
152A56

Contrast Matrix WCAG 2.1 Contrast

58154C
65BDB6
B1E6C6
9AE6FF
D1E5C1
—
5.8
AA
9.2
AAA
9.3
AAA
9.6
AAA
5.8
AA
—
1.6
Fail
1.6
Fail
1.7
Fail
9.2
AAA
1.6
Fail
—
1.0
Fail
1.0
Fail
9.3
AAA
1.6
Fail
1.0
Fail
—
1.0
Fail
9.6
AAA
1.7
Fail
1.0
Fail
1.0
Fail
—
White BG
12.9AAA
2.2Fail
1.4Fail
1.4Fail
1.3Fail
Black BG
1.6Fail
9.5AAA
15.0AAA
15.1AAA
15.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3B3A3F
8B8CB8
C8C8CE
BBBCF9
DADACA

Deuteranopia

3F443B
867FB8
C5C1D0
B7B1F8
D9D7CC

Tritanopia

553432
69B9B9
B4D4D5
9EF4F3
D2D1D2

Achromatopsia

2F2F2F
A2A2A2
D3D3D3
D2D2D2
DBDBDB

Shades & Tints Shades & Tints

#58154C

Dark
Light

#65BDB6

Dark
Light

#B1E6C6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #58154c;
  --color-2: #65bdb6;
  --color-3: #b1e6c6;
  --color-4: #9ae6ff;
  --color-5: #d1e5c1;
}

SCSS

$color-1: #58154c;
$color-2: #65bdb6;
$color-3: #b1e6c6;
$color-4: #9ae6ff;
$color-5: #d1e5c1;

TAILWIND

colors: {
  'brand-1': '#58154c',
  'brand-2': '#65bdb6',
  'brand-3': '#b1e6c6',
  'brand-4': '#9ae6ff',
  'brand-5': '#d1e5c1',
}

RGB Array

[88, 21, 76], [101, 189, 182], [177, 230, 198], [154, 230, 255], [209, 229, 193]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #58154C, #65BDB6, #B1E6C6, #9AE6FF, #D1E5C1 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: #58154c; --color-2: #65bdb6; --color-3: #b1e6c6; --color-4: #9ae6ff; --color-5: #d1e5c1. 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