#8F7C7C + #A6976C + #E60091 + #362E85 + #0A1540 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#8F7C7C

Crimson · Gray · Warm Gray

HEX

#8F7C7C

RGB

rgb(143, 124, 124)

HSL

hsl(0, 8%, 52%)

HSB

hsb(0, 13%, 56%)

CMYK

cmyk(0%, 13%, 13%, 44%)

Oklch

oklch(60.4% 0.023 17.8)

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

#A6976C

Ginger · Gray · Sunflower

HEX

#A6976C

RGB

rgb(166, 151, 108)

HSL

hsl(44, 25%, 54%)

HSB

hsb(44, 35%, 65%)

CMYK

cmyk(0%, 9%, 35%, 35%)

Oklch

oklch(67.9% 0.062 91.1)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#E60091

Rose Purple · DeepPink · Camellia

HEX

#E60091

RGB

rgb(230, 0, 145)

HSL

hsl(322, 100%, 45%)

HSB

hsb(322, 100%, 90%)

CMYK

cmyk(0%, 100%, 37%, 10%)

Oklch

oklch(60.7% 0.251 352.3)

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

#362E85

Deep Indigo · DarkSlateBlue · Prussian Blue

HEX

#362E85

RGB

rgb(54, 46, 133)

HSL

hsl(246, 49%, 35%)

HSB

hsb(246, 65%, 52%)

CMYK

cmyk(59%, 65%, 0%, 48%)

Oklch

oklch(36.6% 0.140 281.1)

Traditional「Deep Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#0A1540

Indigo · MidnightBlue · Deep Sea Blue

HEX

#0A1540

RGB

rgb(10, 21, 64)

HSL

hsl(228, 73%, 15%)

HSB

hsb(228, 84%, 25%)

CMYK

cmyk(84%, 67%, 0%, 75%)

Oklch

oklch(21.8% 0.083 267.8)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8F7C7C

7B8E8E

Analogous

8E7B85

8F7C7C

8E857B

Triadic

8F7C7C

7B8E7B

7B7B8E

Split-Comp.

8F7C7C

7B8E85

7B858E

Tetradic

8F7C7C

858E7B

7B8E8E

857B8E

Contrast Matrix WCAG 2.1 Contrast

8F7C7C	A6976C	E60091	362E85	0A1540
—	1.4 Fail	1.1 Fail	2.8 Fail	4.5 AA Large
1.4 Fail	—	1.5 Fail	3.9 AA Large	6.1 AA
1.1 Fail	1.5 Fail	—	2.5 Fail	4.0 AA Large
2.8 Fail	3.9 AA Large	2.5 Fail	—	1.6 Fail
4.5 AA Large	6.1 AA	4.0 AA Large	1.6 Fail	—

White BG

3.9AA Large

2.9Fail

4.4AA Large

11.1AAA

17.6AAA

Black BG

5.3AA

7.3AAA

4.8AA

1.9Fail

1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

87877C

A09F76

82806E

333270

0F0F36

Deuteranopia

88897C

A0A279

90A166

33346B

0E0D33

Tritanopia

8E7C7C

A57F80

DB524C

365F5C

0B2D2C

Achromatopsia

828282

979797

555555

3A3A3A

171717

Shades & Tints Shades & Tints

#8F7C7C

Dark

Light

#A6976C

Dark

Light

#E60091

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8f7c7c;
  --color-2: #a6976c;
  --color-3: #e60091;
  --color-4: #362e85;
  --color-5: #0a1540;
}

SCSS

$color-1: #8f7c7c;
$color-2: #a6976c;
$color-3: #e60091;
$color-4: #362e85;
$color-5: #0a1540;

TAILWIND

colors: {
  'brand-1': '#8f7c7c',
  'brand-2': '#a6976c',
  'brand-3': '#e60091',
  'brand-4': '#362e85',
  'brand-5': '#0a1540',
}

RGB Array

[143, 124, 124], [166, 151, 108], [230, 0, 145], [54, 46, 133], [10, 21, 64]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #8F7C7C, #A6976C, #E60091, #362E85, #0A1540 is ideal for: corporate websites, product showcases, portfolios. 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: #8f7c7c; --color-2: #a6976c; --color-3: #e60091; --color-4: #362e85; --color-5: #0a1540. 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. 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