← Back to Editor

#95B5B8 · #828182 · #755975 · #663666 · #570557

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

#95B5B8

Sky Blue · DarkGray · Lake Green

HEX
#95B5B8
RGB
rgb(149, 181, 184)
HSL
hsl(185, 20%, 65%)
HSB
hsb(185, 19%, 72%)
CMYK
cmyk(19%, 2%, 0%, 28%)
Oklch
oklch(75.0% 0.035 203.4)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#828182

Ash · Gray · Warm Gray

HEX
#828182
RGB
rgb(130, 129, 130)
HSL
hsl(300, 0%, 51%)
HSB
hsb(300, 1%, 51%)
CMYK
cmyk(0%, 1%, 0%, 49%)
Oklch
oklch(60.4% 0.002 325.6)

Traditional「Ash」· Paint「Warm Gray」· Creative Urban Concrete

#755975

Rose Purple · DimGray · Eggplant

HEX
#755975
RGB
rgb(117, 89, 117)
HSL
hsl(300, 14%, 40%)
HSB
hsb(300, 24%, 46%)
CMYK
cmyk(0%, 24%, 0%, 54%)
Oklch
oklch(50.3% 0.056 326.4)

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

#663666

Rose Purple · DarkSlateBlue · Eggplant

HEX
#663666
RGB
rgb(102, 54, 102)
HSL
hsl(300, 31%, 31%)
HSB
hsb(300, 47%, 40%)
CMYK
cmyk(0%, 47%, 0%, 60%)
Oklch
oklch(41.2% 0.097 327.2)

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

#570557

Rose Purple · Purple · Dark Purple

HEX
#570557
RGB
rgb(87, 5, 87)
HSL
hsl(300, 89%, 18%)
HSB
hsb(300, 94%, 34%)
CMYK
cmyk(0%, 94%, 0%, 66%)
Oklch
oklch(32.4% 0.143 328.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

95B5B8
B89794

Analogous

94B8A9
95B5B8
94A3B8

Triadic

95B5B8
B894B5
B5B894

Split-Comp.

95B5B8
B894A3
B8A994

Tetradic

95B5B8
A994B8
B89794
A3B894

Contrast Matrix WCAG 2.1 Contrast

95B5B8
828182
755975
663666
570557
—
1.8
Fail
2.8
Fail
4.2
AA Large
6.1
AA
1.8
Fail
—
1.6
Fail
2.4
Fail
3.5
AA Large
2.8
Fail
1.6
Fail
—
1.5
Fail
2.2
Fail
4.2
AA Large
2.4
Fail
1.5
Fail
—
1.5
Fail
6.1
AA
3.5
AA Large
2.2
Fail
1.5
Fail
—
White BG
2.2Fail
3.9AA Large
6.1AA
9.2AAA
13.4AAA
Black BG
9.6AAA
5.4AA
3.4AA Large
2.3Fail
1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A3A3B7
828282
69696E
51515A
333343

Deuteranopia

A19FB7
828282
6B6D6D
545858
383E3E

Tritanopia

97B7B7
828282
746968
64514F
533330

Achromatopsia

ACACAC
818181
656565
4A4A4A
272727

Shades & Tints Shades & Tints

#95B5B8

Dark
Light

#828182

Dark
Light

#755975

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #95b5b8;
  --color-2: #828182;
  --color-3: #755975;
  --color-4: #663666;
  --color-5: #570557;
}

SCSS

$color-1: #95b5b8;
$color-2: #828182;
$color-3: #755975;
$color-4: #663666;
$color-5: #570557;

TAILWIND

colors: {
  'brand-1': '#95b5b8',
  'brand-2': '#828182',
  'brand-3': '#755975',
  'brand-4': '#663666',
  'brand-5': '#570557',
}

RGB Array

[149, 181, 184], [130, 129, 130], [117, 89, 117], [102, 54, 102], [87, 5, 87]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #95B5B8, #828182, #755975, #663666, #570557 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: #95b5b8; --color-2: #828182; --color-3: #755975; --color-4: #663666; --color-5: #570557. 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