← Back to Editor

#3B1125 · #532C3F · #564A5E · #517F8F · #52DAE8

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

#3B1125

Dark Violet · Black · Raspberry

HEX
#3B1125
RGB
rgb(59, 17, 37)
HSL
hsl(331, 55%, 15%)
HSB
hsb(331, 71%, 23%)
CMYK
cmyk(0%, 71%, 37%, 77%)
Oklch
oklch(25.4% 0.071 353.7)

Traditional「Dark Violet」· Paint「Raspberry」· Creative Blush Sunrise

#532C3F

Dark Violet · DarkSlateGray · Raspberry

HEX
#532C3F
RGB
rgb(83, 44, 63)
HSL
hsl(331, 31%, 25%)
HSB
hsb(331, 47%, 33%)
CMYK
cmyk(0%, 47%, 24%, 67%)
Oklch
oklch(35.0% 0.063 350.3)

Traditional「Dark Violet」· Paint「Raspberry」· Creative Blush Sunrise

#564A5E

Dark Plum · DimGray · Eggplant

HEX
#564A5E
RGB
rgb(86, 74, 94)
HSL
hsl(276, 12%, 33%)
HSB
hsb(276, 21%, 37%)
CMYK
cmyk(9%, 21%, 0%, 63%)
Oklch
oklch(42.9% 0.036 311.7)

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

#517F8F

Slate Blue · SlateGray · Mint Ice

HEX
#517F8F
RGB
rgb(81, 127, 143)
HSL
hsl(195, 28%, 44%)
HSB
hsb(195, 43%, 56%)
CMYK
cmyk(43%, 11%, 0%, 44%)
Oklch
oklch(57.0% 0.056 222.0)

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

#52DAE8

Sky Blue · Turquoise · Lake Green

HEX
#52DAE8
RGB
rgb(82, 218, 232)
HSL
hsl(186, 77%, 62%)
HSB
hsb(186, 65%, 91%)
CMYK
cmyk(65%, 6%, 0%, 9%)
Oklch
oklch(82.0% 0.117 204.8)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

3B1125
113B27

Analogous

3B113B
3B1125
3B1211

Triadic

3B1125
263B11
11263B

Split-Comp.

3B1125
113B12
113B3B

Tetradic

3B1125
3B3B11
113B27
12113B

Contrast Matrix WCAG 2.1 Contrast

3B1125
532C3F
564A5E
517F8F
52DAE8
—
1.4
Fail
2.0
Fail
3.7
AA Large
9.7
AAA
1.4
Fail
—
1.4
Fail
2.7
Fail
7.0
AA
2.0
Fail
1.4
Fail
—
1.9
Fail
4.9
AA
3.7
AA Large
2.7
Fail
1.9
Fail
—
2.6
Fail
9.7
AAA
7.0
AA
4.9
AA
2.6
Fail
—
White BG
16.2AAA
11.7AAA
8.3AAA
4.4AA Large
1.7Fail
Black BG
1.3Fail
1.8Fail
2.5Fail
4.8AA
12.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

292820
42423A
515159
65658B
8D8EE5

Deuteranopia

2B2E1F
444739
525258
625F8A
857BE4

Tritanopia

391C1C
513736
555555
538887
59E2E1

Achromatopsia

202020
3A3A3A
505050
737373
B3B3B3

Shades & Tints Shades & Tints

#3B1125

Dark
Light

#532C3F

Dark
Light

#564A5E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #3b1125;
  --color-2: #532c3f;
  --color-3: #564a5e;
  --color-4: #517f8f;
  --color-5: #52dae8;
}

SCSS

$color-1: #3b1125;
$color-2: #532c3f;
$color-3: #564a5e;
$color-4: #517f8f;
$color-5: #52dae8;

TAILWIND

colors: {
  'brand-1': '#3b1125',
  'brand-2': '#532c3f',
  'brand-3': '#564a5e',
  'brand-4': '#517f8f',
  'brand-5': '#52dae8',
}

RGB Array

[59, 17, 37], [83, 44, 63], [86, 74, 94], [81, 127, 143], [82, 218, 232]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #3B1125, #532C3F, #564A5E, #517F8F, #52DAE8 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: #3b1125; --color-2: #532c3f; --color-3: #564a5e; --color-4: #517f8f; --color-5: #52dae8. 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