← Back to Editor

#93536E · #896E73 · #51938F · #6C9B7B · #BF948E

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

#93536E

Dark Violet · DimGray · Camellia

HEX
#93536E
RGB
rgb(147, 83, 110)
HSL
hsl(335, 28%, 45%)
HSB
hsb(335, 44%, 58%)
CMYK
cmyk(0%, 44%, 25%, 42%)
Oklch
oklch(52.5% 0.091 353.9)

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

#896E73

Crimson · Gray · Passion Red

HEX
#896E73
RGB
rgb(137, 110, 115)
HSL
hsl(349, 11%, 48%)
HSB
hsb(349, 20%, 54%)
CMYK
cmyk(0%, 20%, 16%, 46%)
Oklch
oklch(56.6% 0.035 5.8)

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

#51938F

Mineral Blue · CadetBlue · Mint Ice

HEX
#51938F
RGB
rgb(81, 147, 143)
HSL
hsl(176, 29%, 45%)
HSB
hsb(176, 45%, 58%)
CMYK
cmyk(45%, 0%, 3%, 42%)
Oklch
oklch(61.8% 0.068 190.5)

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

#6C9B7B

Celadon · Gray · Olive Green

HEX
#6C9B7B
RGB
rgb(108, 155, 123)
HSL
hsl(139, 19%, 52%)
HSB
hsb(139, 30%, 61%)
CMYK
cmyk(30%, 0%, 21%, 39%)
Oklch
oklch(64.7% 0.070 154.3)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#BF948E

Peach Pink · Tan · Coral Red

HEX
#BF948E
RGB
rgb(191, 148, 142)
HSL
hsl(7, 28%, 65%)
HSB
hsb(7, 26%, 75%)
CMYK
cmyk(0%, 23%, 26%, 25%)
Oklch
oklch(70.5% 0.053 27.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

93536E
539378

Analogous

93538E
93536E
935853

Triadic

93536E
6D9353
536D93

Split-Comp.

93536E
539358
538E93

Tetradic

93536E
8E9353
539378
585393

Contrast Matrix WCAG 2.1 Contrast

93536E
896E73
51938F
6C9B7B
BF948E
—
1.2
Fail
1.6
Fail
1.8
Fail
2.1
Fail
1.2
Fail
—
1.3
Fail
1.5
Fail
1.7
Fail
1.6
Fail
1.3
Fail
—
1.1
Fail
1.3
Fail
1.8
Fail
1.5
Fail
1.1
Fail
—
1.2
Fail
2.1
Fail
1.7
Fail
1.3
Fail
1.2
Fail
—
White BG
5.7AA
4.6AA
3.5AA Large
3.2AA Large
2.7Fail
Black BG
3.7AA Large
4.5AA
5.9AA
6.6AA
7.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

777767
7D7D72
6E6E90
808183
ACAC8F

Deuteranopia

7B8066
7F8172
6A6590
7E7A85
AFB290

Tritanopia

906261
887171
549191
6E898A
BD9191

Achromatopsia

696969
777777
7F7F7F
898989
A0A0A0

Shades & Tints Shades & Tints

#93536E

Dark
Light

#896E73

Dark
Light

#51938F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #93536e;
  --color-2: #896e73;
  --color-3: #51938f;
  --color-4: #6c9b7b;
  --color-5: #bf948e;
}

SCSS

$color-1: #93536e;
$color-2: #896e73;
$color-3: #51938f;
$color-4: #6c9b7b;
$color-5: #bf948e;

TAILWIND

colors: {
  'brand-1': '#93536e',
  'brand-2': '#896e73',
  'brand-3': '#51938f',
  'brand-4': '#6c9b7b',
  'brand-5': '#bf948e',
}

RGB Array

[147, 83, 110], [137, 110, 115], [81, 147, 143], [108, 155, 123], [191, 148, 142]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #93536E, #896E73, #51938F, #6C9B7B, #BF948E 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: #93536e; --color-2: #896e73; --color-3: #51938f; --color-4: #6c9b7b; --color-5: #bf948e. 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