← Back to Editor

#0E100F · #252422 · #8B3248 · #EAB3B0 · #6A182E

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#0E100F

Ink Black · Black · Jet Black

HEX
#0E100F
RGB
rgb(14, 16, 15)
HSL
hsl(150, 7%, 6%)
HSB
hsb(150, 13%, 6%)
CMYK
cmyk(12%, 0%, 6%, 94%)
Oklch
oklch(17.0% 0.004 164.5)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

#252422

Ink Black · Black · Dark Stone

HEX
#252422
RGB
rgb(37, 36, 34)
HSL
hsl(40, 4%, 14%)
HSB
hsb(40, 8%, 15%)
CMYK
cmyk(0%, 3%, 8%, 85%)
Oklch
oklch(26.1% 0.004 84.6)

Traditional「Ink Black」· Paint「Dark Stone」· Creative Midnight Shadow

#8B3248

Crimson · Brown · Wine Red

HEX
#8B3248
RGB
rgb(139, 50, 72)
HSL
hsl(345, 47%, 37%)
HSB
hsb(345, 64%, 55%)
CMYK
cmyk(0%, 64%, 48%, 45%)
Oklch
oklch(45.1% 0.122 8.3)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

#EAB3B0

Peach Pink · LightPink · Coral Red

HEX
#EAB3B0
RGB
rgb(234, 179, 176)
HSL
hsl(3, 58%, 80%)
HSB
hsb(3, 25%, 92%)
CMYK
cmyk(0%, 24%, 25%, 8%)
Oklch
oklch(81.6% 0.065 22.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#6A182E

Dark Violet · Maroon · Raspberry

HEX
#6A182E
RGB
rgb(106, 24, 46)
HSL
hsl(344, 63%, 25%)
HSB
hsb(344, 77%, 42%)
CMYK
cmyk(0%, 77%, 57%, 58%)
Oklch
oklch(35.4% 0.115 9.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0E100F
100E0F

Analogous

0E100E
0E100F
0E1010

Triadic

0E100F
0F0E10
100F0E

Split-Comp.

0E100F
100E10
100E0E

Tetradic

0E100F
0E0E10
100E0F
10100E

Contrast Matrix WCAG 2.1 Contrast

0E100F
252422
8B3248
EAB3B0
6A182E
—
1.2
Fail
2.4
Fail
10.5
AAA
1.6
Fail
1.2
Fail
—
2.0
Fail
8.5
AAA
1.3
Fail
2.4
Fail
2.0
Fail
—
4.4
AA Large
1.5
Fail
10.5
AAA
8.5
AAA
4.4
AA Large
—
6.5
AA
1.6
Fail
1.3
Fail
1.5
Fail
6.5
AA
—
White BG
19.1AAA
15.5AAA
7.9AAA
1.8Fail
11.8AAA
Black BG
1.1Fail
1.4Fail
2.6Fail
11.6AAA
1.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

0F0F0F
252522
646443
D2D2B1
464629

Deuteranopia

0F0F0F
252523
6A7041
D5D9B1
4B5127

Tritanopia

0E0F0F
252323
873E3E
E7B1B1
662424

Achromatopsia

0F0F0F
242424
4F4F4F
C3C3C3
333333

Shades & Tints Shades & Tints

#0E100F

Dark
Light

#252422

Dark
Light

#8B3248

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0e100f;
  --color-2: #252422;
  --color-3: #8b3248;
  --color-4: #eab3b0;
  --color-5: #6a182e;
}

SCSS

$color-1: #0e100f;
$color-2: #252422;
$color-3: #8b3248;
$color-4: #eab3b0;
$color-5: #6a182e;

TAILWIND

colors: {
  'brand-1': '#0e100f',
  'brand-2': '#252422',
  'brand-3': '#8b3248',
  'brand-4': '#eab3b0',
  'brand-5': '#6a182e',
}

RGB Array

[14, 16, 15], [37, 36, 34], [139, 50, 72], [234, 179, 176], [106, 24, 46]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #0E100F, #252422, #8B3248, #EAB3B0, #6A182E 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: #0e100f; --color-2: #252422; --color-3: #8b3248; --color-4: #eab3b0; --color-5: #6a182e. 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