← Back to Editor

#3D1345 · #996080 · #78B0AE · #999074 · #A4B354

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

#3D1345

Royal Purple · MidnightBlue · Dark Purple

HEX
#3D1345
RGB
rgb(61, 19, 69)
HSL
hsl(290, 57%, 17%)
HSB
hsb(290, 72%, 27%)
CMYK
cmyk(12%, 72%, 0%, 73%)
Oklch
oklch(27.9% 0.098 320.9)

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

#996080

Rose Purple · Gray · Camellia

HEX
#996080
RGB
rgb(153, 96, 128)
HSL
hsl(326, 23%, 49%)
HSB
hsb(326, 37%, 60%)
CMYK
cmyk(0%, 37%, 16%, 40%)
Oklch
oklch(56.2% 0.085 345.5)

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

#78B0AE

Mineral Blue · CadetBlue · Lake Green

HEX
#78B0AE
RGB
rgb(120, 176, 174)
HSL
hsl(178, 26%, 58%)
HSB
hsb(178, 32%, 69%)
CMYK
cmyk(32%, 0%, 1%, 31%)
Oklch
oklch(71.8% 0.059 193.1)

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

#999074

Ginger · Gray · Sunflower

HEX
#999074
RGB
rgb(153, 144, 116)
HSL
hsl(45, 15%, 53%)
HSB
hsb(45, 24%, 60%)
CMYK
cmyk(0%, 6%, 24%, 40%)
Oklch
oklch(65.4% 0.041 92.3)

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

#A4B354

Autumn Sage · DarkSeaGreen · Sunflower

HEX
#A4B354
RGB
rgb(164, 179, 84)
HSL
hsl(69, 38%, 52%)
HSB
hsb(69, 53%, 70%)
CMYK
cmyk(8%, 0%, 53%, 30%)
Oklch
oklch(73.5% 0.122 116.9)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

3D1345
1B4413

Analogous

231344
3D1345
441334

Triadic

3D1345
443C13
13443C

Split-Comp.

3D1345
344413
134423

Tetradic

3D1345
442313
1B4413
133444

Contrast Matrix WCAG 2.1 Contrast

3D1345
996080
78B0AE
999074
A4B354
—
3.2
AA Large
6.3
AA
4.8
AA
6.6
AA
3.2
AA Large
—
2.0
Fail
1.5
Fail
2.1
Fail
6.3
AA
2.0
Fail
—
1.3
Fail
1.1
Fail
4.8
AA
1.5
Fail
1.3
Fail
—
1.4
Fail
6.6
AA
2.1
Fail
1.1
Fail
1.4
Fail
—
White BG
15.2AAA
4.8AA
2.4Fail
3.2AA Large
2.3Fail
Black BG
1.4Fail
4.3AA Large
8.6AAA
6.6AA
9.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2B2A39
808078
9091AE
95957B
AAAB6B

Deuteranopia

2D3036
848876
8D89AF
96967C
AAA971

Tritanopia

3B2F2D
967271
7BAFAF
998081
A57D81

Achromatopsia

252525
757575
9F9F9F
8F8F8F
A4A4A4

Shades & Tints Shades & Tints

#3D1345

Dark
Light

#996080

Dark
Light

#78B0AE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #3d1345;
  --color-2: #996080;
  --color-3: #78b0ae;
  --color-4: #999074;
  --color-5: #a4b354;
}

SCSS

$color-1: #3d1345;
$color-2: #996080;
$color-3: #78b0ae;
$color-4: #999074;
$color-5: #a4b354;

TAILWIND

colors: {
  'brand-1': '#3d1345',
  'brand-2': '#996080',
  'brand-3': '#78b0ae',
  'brand-4': '#999074',
  'brand-5': '#a4b354',
}

RGB Array

[61, 19, 69], [153, 96, 128], [120, 176, 174], [153, 144, 116], [164, 179, 84]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #3D1345, #996080, #78B0AE, #999074, #A4B354 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: #3d1345; --color-2: #996080; --color-3: #78b0ae; --color-4: #999074; --color-5: #a4b354. 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 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