← Back to Editor

#6F0E39 · #10272D · #2B4F4D · #92A087 · #D4B7A5

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

#6F0E39

Dark Violet · Maroon · Raspberry

HEX
#6F0E39
RGB
rgb(111, 14, 57)
HSL
hsl(333, 78%, 25%)
HSB
hsb(333, 87%, 44%)
CMYK
cmyk(0%, 87%, 49%, 56%)
Oklch
oklch(35.9% 0.133 0.8)

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

#10272D

Slate Blue · DarkSlateGray · Peacock Green

HEX
#10272D
RGB
rgb(16, 39, 45)
HSL
hsl(192, 48%, 12%)
HSB
hsb(192, 64%, 18%)
CMYK
cmyk(64%, 13%, 0%, 82%)
Oklch
oklch(25.7% 0.031 216.9)

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

#2B4F4D

Mineral Blue · DarkSlateGray · Peacock Green

HEX
#2B4F4D
RGB
rgb(43, 79, 77)
HSL
hsl(177, 30%, 24%)
HSB
hsb(177, 46%, 31%)
CMYK
cmyk(46%, 0%, 3%, 69%)
Oklch
oklch(40.0% 0.042 191.0)

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

#92A087

Celadon · DarkSeaGreen · Olive Green

HEX
#92A087
RGB
rgb(146, 160, 135)
HSL
hsl(94, 12%, 58%)
HSB
hsb(94, 16%, 63%)
CMYK
cmyk(9%, 0%, 16%, 37%)
Oklch
oklch(68.8% 0.039 131.4)

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

#D4B7A5

Apricot · Tan · Warm Sun

HEX
#D4B7A5
RGB
rgb(212, 183, 165)
HSL
hsl(23, 35%, 74%)
HSB
hsb(23, 22%, 83%)
CMYK
cmyk(0%, 14%, 22%, 17%)
Oklch
oklch(80.0% 0.042 53.8)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6F0E39
0E7145

Analogous

710E6D
6F0E39
71130E

Triadic

6F0E39
3B710E
0E3B71

Split-Comp.

6F0E39
0E7113
0E6D71

Tetradic

6F0E39
6D710E
0E7145
130E71

Contrast Matrix WCAG 2.1 Contrast

6F0E39
10272D
2B4F4D
92A087
D4B7A5
—
1.3
Fail
1.3
Fail
4.2
AA Large
6.2
AA
1.3
Fail
—
1.7
Fail
5.6
AA
8.2
AAA
1.3
Fail
1.7
Fail
—
3.3
AA Large
4.8
AA
4.2
AA Large
5.6
AA
3.3
AA Large
—
1.5
Fail
6.2
AA
8.2
AAA
4.8
AA
1.5
Fail
—
White BG
11.7AAA
15.6AAA
9.0AAA
2.8Fail
1.9Fail
Black BG
1.8Fail
1.4Fail
2.3Fail
7.6AAA
11.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

45442F
1A1A2C
3B3B4D
98988D
C7C7A9

Deuteranopia

4B522C
19172B
39364E
97968F
C9CBAA

Tritanopia

6A2625
112A2A
2D4E4E
939293
D3ADAE

Achromatopsia

303030
212121
444444
999999
BEBEBE

Shades & Tints Shades & Tints

#6F0E39

Dark
Light

#10272D

Dark
Light

#2B4F4D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6f0e39;
  --color-2: #10272d;
  --color-3: #2b4f4d;
  --color-4: #92a087;
  --color-5: #d4b7a5;
}

SCSS

$color-1: #6f0e39;
$color-2: #10272d;
$color-3: #2b4f4d;
$color-4: #92a087;
$color-5: #d4b7a5;

TAILWIND

colors: {
  'brand-1': '#6f0e39',
  'brand-2': '#10272d',
  'brand-3': '#2b4f4d',
  'brand-4': '#92a087',
  'brand-5': '#d4b7a5',
}

RGB Array

[111, 14, 57], [16, 39, 45], [43, 79, 77], [146, 160, 135], [212, 183, 165]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6F0E39, #10272D, #2B4F4D, #92A087, #D4B7A5 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: #6f0e39; --color-2: #10272d; --color-3: #2b4f4d; --color-4: #92a087; --color-5: #d4b7a5. 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