← Back to Editor

#4F9597 · #27091B · #470133 · #8A1E5F · #D6BECF

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

#4F9597

Slate Blue · CadetBlue · Mint Ice

HEX
#4F9597
RGB
rgb(79, 149, 151)
HSL
hsl(182, 31%, 45%)
HSB
hsb(182, 48%, 59%)
CMYK
cmyk(48%, 1%, 0%, 41%)
Oklch
oklch(62.5% 0.071 197.9)

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

#27091B

Rose Purple · Black · Raspberry

HEX
#27091B
RGB
rgb(39, 9, 27)
HSL
hsl(324, 63%, 9%)
HSB
hsb(324, 77%, 15%)
CMYK
cmyk(0%, 77%, 31%, 85%)
Oklch
oklch(19.9% 0.057 346.4)

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

#470133

Rose Purple · Maroon · Dark Purple

HEX
#470133
RGB
rgb(71, 1, 51)
HSL
hsl(317, 97%, 14%)
HSB
hsb(317, 99%, 28%)
CMYK
cmyk(0%, 99%, 28%, 72%)
Oklch
oklch(26.7% 0.112 343.7)

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

#8A1E5F

Rose Purple · Purple · Camellia

HEX
#8A1E5F
RGB
rgb(138, 30, 95)
HSL
hsl(324, 64%, 33%)
HSB
hsb(324, 78%, 54%)
CMYK
cmyk(0%, 78%, 31%, 46%)
Oklch
oklch(43.6% 0.156 348.8)

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

#D6BECF

Mauve · LightGray · Lilac Purple

HEX
#D6BECF
RGB
rgb(214, 190, 207)
HSL
hsl(318, 23%, 79%)
HSB
hsb(318, 11%, 84%)
CMYK
cmyk(0%, 11%, 3%, 16%)
Oklch
oklch(82.7% 0.035 336.3)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4F9597
96524F

Analogous

4F9675
4F9597
4F7096

Triadic

4F9597
964F94
94964F

Split-Comp.

4F9597
964F70
96754F

Tetradic

4F9597
754F96
96524F
70964F

Contrast Matrix WCAG 2.1 Contrast

4F9597
27091B
470133
8A1E5F
D6BECF
—
5.3
AA
4.6
AA
2.5
Fail
2.0
Fail
5.3
AA
—
1.2
Fail
2.1
Fail
10.6
AAA
4.6
AA
1.2
Fail
—
1.8
Fail
9.2
AAA
2.5
Fail
2.1
Fail
1.8
Fail
—
5.0
AA
2.0
Fail
10.6
AAA
9.2
AAA
5.0
AA
—
White BG
3.5AA Large
18.4AAA
15.9AAA
8.6AAA
1.7Fail
Black BG
6.1AA
1.1Fail
1.3Fail
2.4Fail
12.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6D6E97
1A1A17
292827
5B5A4F
CCCBCB

Deuteranopia

696496
1C1E16
2D3224
626A4C
CDCFCA

Tritanopia

539696
261312
441D1B
854340
D5C8C7

Achromatopsia

808080
141414
1C1C1C
464646
C7C7C7

Shades & Tints Shades & Tints

#4F9597

Dark
Light

#27091B

Dark
Light

#470133

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4f9597;
  --color-2: #27091b;
  --color-3: #470133;
  --color-4: #8a1e5f;
  --color-5: #d6becf;
}

SCSS

$color-1: #4f9597;
$color-2: #27091b;
$color-3: #470133;
$color-4: #8a1e5f;
$color-5: #d6becf;

TAILWIND

colors: {
  'brand-1': '#4f9597',
  'brand-2': '#27091b',
  'brand-3': '#470133',
  'brand-4': '#8a1e5f',
  'brand-5': '#d6becf',
}

RGB Array

[79, 149, 151], [39, 9, 27], [71, 1, 51], [138, 30, 95], [214, 190, 207]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #4F9597, #27091B, #470133, #8A1E5F, #D6BECF is ideal for: tech websites, dark mode UIs, game UIs, 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: #4f9597; --color-2: #27091b; --color-3: #470133; --color-4: #8a1e5f; --color-5: #d6becf. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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