← Back to Editor

#521652 · #1A0B1A · #3D113D · #5C765C · #45CC45

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatile

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#521652

Rose Purple · MidnightBlue · Dark Purple

HEX
#521652
RGB
rgb(82, 22, 82)
HSL
hsl(300, 58%, 20%)
HSB
hsb(300, 73%, 32%)
CMYK
cmyk(0%, 73%, 0%, 68%)
Oklch
oklch(32.5% 0.118 327.9)

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

#1A0B1A

Rose Purple · Black · Dark Purple

HEX
#1A0B1A
RGB
rgb(26, 11, 26)
HSL
hsl(300, 41%, 7%)
HSB
hsb(300, 58%, 10%)
CMYK
cmyk(0%, 58%, 0%, 90%)
Oklch
oklch(17.9% 0.038 327.0)

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

#3D113D

Rose Purple · MidnightBlue · Dark Purple

HEX
#3D113D
RGB
rgb(61, 17, 61)
HSL
hsl(300, 56%, 15%)
HSB
hsb(300, 72%, 24%)
CMYK
cmyk(0%, 72%, 0%, 76%)
Oklch
oklch(27.1% 0.093 327.8)

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

#5C765C

Celadon · DimGray · Olive Green

HEX
#5C765C
RGB
rgb(92, 118, 92)
HSL
hsl(120, 12%, 41%)
HSB
hsb(120, 22%, 46%)
CMYK
cmyk(22%, 0%, 22%, 54%)
Oklch
oklch(53.8% 0.050 144.8)

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

#45CC45

Emerald · LimeGreen · Olive Green

HEX
#45CC45
RGB
rgb(69, 204, 69)
HSL
hsl(120, 57%, 54%)
HSB
hsb(120, 66%, 80%)
CMYK
cmyk(66%, 0%, 66%, 20%)
Oklch
oklch(74.5% 0.210 143.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

521652
155115

Analogous

331551
521652
511533

Triadic

521652
515115
155151

Split-Comp.

521652
335115
155133

Tetradic

521652
513315
155115
153351

Contrast Matrix WCAG 2.1 Contrast

521652
1A0B1A
3D113D
5C765C
45CC45
—
1.4
Fail
1.2
Fail
2.6
Fail
6.3
AA
1.4
Fail
—
1.2
Fail
3.8
AA Large
9.0
AAA
1.2
Fail
1.2
Fail
—
3.1
AA Large
7.4
AAA
2.6
Fail
3.8
AA Large
3.1
AA Large
—
2.4
Fail
6.3
AA
9.0
AAA
7.4
AAA
2.4
Fail
—
White BG
13.2AAA
19.0AAA
15.6AAA
5.0AA
2.1Fail
Black BG
1.6Fail
1.1Fail
1.3Fail
4.2AA Large
10.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

383743
141316
2A2A32
676762
7F8166

Deuteranopia

3C4040
141616
2D3030
666464
786E6E

Tritanopia

4F3836
191413
3B2A28
5D6768
4C7F85

Achromatopsia

2F2F2F
111111
232323
6B6B6B
949494

Shades & Tints Shades & Tints

#521652

Dark
Light

#1A0B1A

Dark
Light

#3D113D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #521652;
  --color-2: #1a0b1a;
  --color-3: #3d113d;
  --color-4: #5c765c;
  --color-5: #45cc45;
}

SCSS

$color-1: #521652;
$color-2: #1a0b1a;
$color-3: #3d113d;
$color-4: #5c765c;
$color-5: #45cc45;

TAILWIND

colors: {
  'brand-1': '#521652',
  'brand-2': '#1a0b1a',
  'brand-3': '#3d113d',
  'brand-4': '#5c765c',
  'brand-5': '#45cc45',
}

RGB Array

[82, 22, 82], [26, 11, 26], [61, 17, 61], [92, 118, 92], [69, 204, 69]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #521652, #1A0B1A, #3D113D, #5C765C, #45CC45 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: #521652; --color-2: #1a0b1a; --color-3: #3d113d; --color-4: #5c765c; --color-5: #45cc45. 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