← Back to Editor

#27071A · #39162B · #2D585F · #4F9693 · #6DB0AE

dark

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

#27071A

Rose Purple · Black · Raspberry

HEX
#27071A
RGB
rgb(39, 7, 26)
HSL
hsl(324, 70%, 9%)
HSB
hsb(324, 82%, 15%)
CMYK
cmyk(0%, 82%, 33%, 85%)
Oklch
oklch(19.5% 0.060 347.2)

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

#39162B

Rose Purple · DarkSlateGray · Raspberry

HEX
#39162B
RGB
rgb(57, 22, 43)
HSL
hsl(324, 44%, 15%)
HSB
hsb(324, 61%, 22%)
CMYK
cmyk(0%, 61%, 25%, 78%)
Oklch
oklch(26.1% 0.063 345.4)

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

#2D585F

Slate Blue · DarkSlateGray · Mint Ice

HEX
#2D585F
RGB
rgb(45, 88, 95)
HSL
hsl(188, 36%, 27%)
HSB
hsb(188, 53%, 37%)
CMYK
cmyk(53%, 7%, 0%, 63%)
Oklch
oklch(43.2% 0.049 209.1)

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

#4F9693

Mineral Blue · CadetBlue · Mint Ice

HEX
#4F9693
RGB
rgb(79, 150, 147)
HSL
hsl(177, 31%, 45%)
HSB
hsb(177, 47%, 59%)
CMYK
cmyk(47%, 0%, 2%, 41%)
Oklch
oklch(62.6% 0.072 191.9)

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

#6DB0AE

Mineral Blue · CadetBlue · Lake Green

HEX
#6DB0AE
RGB
rgb(109, 176, 174)
HSL
hsl(178, 30%, 56%)
HSB
hsb(178, 38%, 69%)
CMYK
cmyk(38%, 0%, 1%, 31%)
Oklch
oklch(71.2% 0.068 193.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

27071A
072714

Analogous

240727
27071A
27070A

Triadic

27071A
1A2707
071A27

Split-Comp.

27071A
0A2707
072724

Tetradic

27071A
272407
072714
070A27

Contrast Matrix WCAG 2.1 Contrast

27071A
39162B
2D585F
4F9693
6DB0AE
—
1.2
Fail
2.4
Fail
5.4
AA
7.5
AAA
1.2
Fail
—
2.0
Fail
4.6
AA
6.4
AA
2.4
Fail
2.0
Fail
—
2.3
Fail
3.2
AA Large
5.4
AA
4.6
AA
2.3
Fail
—
1.4
Fail
7.5
AAA
6.4
AA
3.2
AA Large
1.4
Fail
—
White BG
18.6AAA
15.9AAA
7.9AAA
3.4AA Large
2.5Fail
Black BG
1.1Fail
1.3Fail
2.7Fail
6.1AA
8.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

191915
2A2A26
40405D
6E6E94
8A8BAE

Deuteranopia

1B1D14
2C2F25
3D3A5D
6A6494
8681AF

Tritanopia

251211
372221
2F5C5C
539494
70AFAF

Achromatopsia

131313
232323
4C4C4C
808080
9C9C9C

Shades & Tints Shades & Tints

#27071A

Dark
Light

#39162B

Dark
Light

#2D585F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #27071a;
  --color-2: #39162b;
  --color-3: #2d585f;
  --color-4: #4f9693;
  --color-5: #6db0ae;
}

SCSS

$color-1: #27071a;
$color-2: #39162b;
$color-3: #2d585f;
$color-4: #4f9693;
$color-5: #6db0ae;

TAILWIND

colors: {
  'brand-1': '#27071a',
  'brand-2': '#39162b',
  'brand-3': '#2d585f',
  'brand-4': '#4f9693',
  'brand-5': '#6db0ae',
}

RGB Array

[39, 7, 26], [57, 22, 43], [45, 88, 95], [79, 150, 147], [109, 176, 174]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #27071A, #39162B, #2D585F, #4F9693, #6DB0AE 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: #27071a; --color-2: #39162b; --color-3: #2d585f; --color-4: #4f9693; --color-5: #6db0ae. 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 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