← Back to Editor

#859892 · #709490 · #518088 · #97787E · #EF7574

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 Library

Color Details Color Details

#859892

Mineral Blue · LightSlateGray · Silver Sand

HEX
#859892
RGB
rgb(133, 152, 146)
HSL
hsl(161, 8%, 56%)
HSB
hsb(161, 12%, 60%)
CMYK
cmyk(12%, 0%, 4%, 40%)
Oklch
oklch(66.3% 0.023 174.6)

Traditional「Mineral Blue」· Paint「Silver Sand」· Creative Urban Concrete

#709490

Mineral Blue · LightSlateGray · Lake Green

HEX
#709490
RGB
rgb(112, 148, 144)
HSL
hsl(173, 14%, 51%)
HSB
hsb(173, 24%, 58%)
CMYK
cmyk(24%, 0%, 3%, 42%)
Oklch
oklch(63.8% 0.040 187.8)

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

#518088

Slate Blue · SlateGray · Mint Ice

HEX
#518088
RGB
rgb(81, 128, 136)
HSL
hsl(189, 25%, 43%)
HSB
hsb(189, 40%, 53%)
CMYK
cmyk(40%, 6%, 0%, 47%)
Oklch
oklch(56.9% 0.053 209.4)

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

#97787E

Crimson · Gray · Passion Red

HEX
#97787E
RGB
rgb(151, 120, 126)
HSL
hsl(348, 13%, 53%)
HSB
hsb(348, 21%, 59%)
CMYK
cmyk(0%, 21%, 17%, 41%)
Oklch
oklch(60.4% 0.040 5.3)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#EF7574

Peach Pink · Salmon · Coral Red

HEX
#EF7574
RGB
rgb(239, 117, 116)
HSL
hsl(0, 79%, 70%)
HSB
hsb(0, 51%, 94%)
CMYK
cmyk(0%, 51%, 51%, 6%)
Oklch
oklch(70.4% 0.151 22.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

859892
98868C

Analogous

869889
859892
869498

Triadic

859892
928698
989286

Split-Comp.

859892
988694
988986

Tetradic

859892
898698
98868C
949886

Contrast Matrix WCAG 2.1 Contrast

859892
709490
518088
97787E
EF7574
—
1.1
Fail
1.4
Fail
1.3
Fail
1.1
Fail
1.1
Fail
—
1.3
Fail
1.2
Fail
1.2
Fail
1.4
Fail
1.3
Fail
—
1.1
Fail
1.6
Fail
1.3
Fail
1.2
Fail
1.1
Fail
—
1.4
Fail
1.1
Fail
1.2
Fail
1.6
Fail
1.4
Fail
—
White BG
3.0AA Large
3.3AA Large
4.4AA Large
4.0AA Large
2.8Fail
Black BG
6.9AA
6.3AA
4.8AA
5.3AA
7.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8D8D93
808091
656686
8A897D
BAB974

Deuteranopia

8C8B94
7E7B91
635F86
8B8E7C
C1CA74

Tritanopia

869595
729292
538584
957B7B
E97474

Achromatopsia

929292
898989
737373
828282
999999

Shades & Tints Shades & Tints

#859892

Dark
Light

#709490

Dark
Light

#518088

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #859892;
  --color-2: #709490;
  --color-3: #518088;
  --color-4: #97787e;
  --color-5: #ef7574;
}

SCSS

$color-1: #859892;
$color-2: #709490;
$color-3: #518088;
$color-4: #97787e;
$color-5: #ef7574;

TAILWIND

colors: {
  'brand-1': '#859892',
  'brand-2': '#709490',
  'brand-3': '#518088',
  'brand-4': '#97787e',
  'brand-5': '#ef7574',
}

RGB Array

[133, 152, 146], [112, 148, 144], [81, 128, 136], [151, 120, 126], [239, 117, 116]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #859892, #709490, #518088, #97787E, #EF7574 is ideal for: brand design, premium product pages, magazine layouts. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #859892; --color-2: #709490; --color-3: #518088; --color-4: #97787e; --color-5: #ef7574. 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. 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. Restrained colors convey professionalism and trust. 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