← Back to Editor

#4C2865 · #585495 · #6AADC2 · #9BD5C5 · #F8F9BB

dark

A 5-color dark 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

#4C2865

Dark Plum · DarkSlateBlue · Eggplant

HEX
#4C2865
RGB
rgb(76, 40, 101)
HSL
hsl(275, 43%, 28%)
HSB
hsb(275, 60%, 40%)
CMYK
cmyk(25%, 60%, 0%, 60%)
Oklch
oklch(35.4% 0.107 309.2)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#585495

Deep Indigo · DarkSlateBlue · Navy Blue

HEX
#585495
RGB
rgb(88, 84, 149)
HSL
hsl(244, 28%, 46%)
HSB
hsb(244, 44%, 58%)
CMYK
cmyk(41%, 44%, 0%, 42%)
Oklch
oklch(48.0% 0.103 284.6)

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

#6AADC2

Slate Blue · CadetBlue · Lake Green

HEX
#6AADC2
RGB
rgb(106, 173, 194)
HSL
hsl(194, 42%, 59%)
HSB
hsb(194, 45%, 76%)
CMYK
cmyk(45%, 11%, 0%, 24%)
Oklch
oklch(71.1% 0.075 220.0)

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

#9BD5C5

Jade · LightSteelBlue · Lake Green

HEX
#9BD5C5
RGB
rgb(155, 213, 197)
HSL
hsl(163, 41%, 72%)
HSB
hsb(163, 27%, 84%)
CMYK
cmyk(27%, 0%, 8%, 16%)
Oklch
oklch(82.9% 0.064 175.7)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#F8F9BB

Fresh Green · Bisque · Lemon Cream

HEX
#F8F9BB
RGB
rgb(248, 249, 187)
HSL
hsl(61, 84%, 85%)
HSB
hsb(61, 25%, 98%)
CMYK
cmyk(0%, 0%, 25%, 2%)
Oklch
oklch(96.7% 0.079 108.6)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4C2865
426629

Analogous

2E2966
4C2865
662961

Triadic

4C2865
664D29
29664D

Split-Comp.

4C2865
616629
29662E

Tetradic

4C2865
662E29
426629
296166

Contrast Matrix WCAG 2.1 Contrast

4C2865
585495
6AADC2
9BD5C5
F8F9BB
—
1.7
Fail
4.7
AA
7.1
AAA
10.7
AAA
1.7
Fail
—
2.7
Fail
4.1
AA Large
6.2
AA
4.7
AA
2.7
Fail
—
1.5
Fail
2.3
Fail
7.1
AAA
4.1
AA Large
1.5
Fail
—
1.5
Fail
10.7
AAA
6.2
AA
2.3
Fail
1.5
Fail
—
White BG
11.7AAA
6.7AA
2.5Fail
1.7Fail
1.1Fail
Black BG
1.8Fail
3.1AA Large
8.4AAA
12.7AAA
19.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3C3C56
565685
8788BD
B4B5C9
F8F8CA

Deuteranopia

3F4153
575782
837EBC
B1ACCA
F8F8CE

Tritanopia

4A4B48
587976
6DB9B8
9ECCCD
F8D6D8

Achromatopsia

3A3A3A
5D5D5D
9B9B9B
C2C2C2
F2F2F2

Shades & Tints Shades & Tints

#4C2865

Dark
Light

#585495

Dark
Light

#6AADC2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4c2865;
  --color-2: #585495;
  --color-3: #6aadc2;
  --color-4: #9bd5c5;
  --color-5: #f8f9bb;
}

SCSS

$color-1: #4c2865;
$color-2: #585495;
$color-3: #6aadc2;
$color-4: #9bd5c5;
$color-5: #f8f9bb;

TAILWIND

colors: {
  'brand-1': '#4c2865',
  'brand-2': '#585495',
  'brand-3': '#6aadc2',
  'brand-4': '#9bd5c5',
  'brand-5': '#f8f9bb',
}

RGB Array

[76, 40, 101], [88, 84, 149], [106, 173, 194], [155, 213, 197], [248, 249, 187]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #4C2865, #585495, #6AADC2, #9BD5C5, #F8F9BB 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: #4c2865; --color-2: #585495; --color-3: #6aadc2; --color-4: #9bd5c5; --color-5: #f8f9bb. 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 dark-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