← Back to Editor

#382436 · #DBB094 · #FF2525 · #08090A · #697688

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

#382436

Rose Purple · DarkSlateGray · Dark Purple

HEX
#382436
RGB
rgb(56, 36, 54)
HSL
hsl(306, 22%, 18%)
HSB
hsb(306, 36%, 22%)
CMYK
cmyk(0%, 36%, 4%, 78%)
Oklch
oklch(29.2% 0.043 330.1)

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

#DBB094

Apricot · Tan · Warm Sun

HEX
#DBB094
RGB
rgb(219, 176, 148)
HSL
hsl(24, 50%, 72%)
HSB
hsb(24, 32%, 86%)
CMYK
cmyk(0%, 20%, 32%, 14%)
Oklch
oklch(78.9% 0.063 54.7)

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

#FF2525

Vermilion · Crimson · Passion Red

HEX
#FF2525
RGB
rgb(255, 37, 37)
HSL
hsl(0, 100%, 57%)
HSB
hsb(0, 85%, 100%)
CMYK
cmyk(0%, 85%, 85%, 0%)
Oklch
oklch(64.0% 0.246 27.9)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#08090A

Indigo · Black · Deep Sea Blue

HEX
#08090A
RGB
rgb(8, 9, 10)
HSL
hsl(210, 11%, 4%)
HSB
hsb(210, 20%, 4%)
CMYK
cmyk(20%, 10%, 0%, 96%)
Oklch
oklch(13.9% 0.003 246.3)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#697688

Indigo · SlateGray · Navy Blue

HEX
#697688
RGB
rgb(105, 118, 136)
HSL
hsl(215, 13%, 47%)
HSB
hsb(215, 23%, 53%)
CMYK
cmyk(23%, 13%, 0%, 47%)
Oklch
oklch(56.2% 0.032 256.5)

Traditional「Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

382436
243826

Analogous

302438
382436
38242C

Triadic

382436
363824
243638

Split-Comp.

382436
2C3824
243830

Tetradic

382436
383024
243826
242C38

Contrast Matrix WCAG 2.1 Contrast

382436
DBB094
FF2525
08090A
697688
—
7.2
AAA
3.8
AA Large
1.4
Fail
3.1
AA Large
7.2
AAA
—
1.9
Fail
10.1
AAA
2.3
Fail
3.8
AA Large
1.9
Fail
—
5.3
AA
1.2
Fail
1.4
Fail
10.1
AAA
5.3
AA
—
4.3
AA Large
3.1
AA Large
2.3
Fail
1.2
Fail
4.3
AA Large
—
White BG
14.2AAA
2.0Fail
3.8AA Large
19.9AAA
4.6AA
Black BG
1.5Fail
10.6AAA
5.5AA
1.1Fail
4.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2F2F32
C8C89B
A19F25
08080A
6F6F84

Deuteranopia

313231
CBCE9C
ADBE25
08080A
6E6D83

Tritanopia

372E2D
D9A0A1
F42525
080A0A
6A807F

Achromatopsia

2C2C2C
BABABA
666666
090909
747474

Shades & Tints Shades & Tints

#382436

Dark
Light

#DBB094

Dark
Light

#FF2525

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #382436;
  --color-2: #dbb094;
  --color-3: #ff2525;
  --color-4: #08090a;
  --color-5: #697688;
}

SCSS

$color-1: #382436;
$color-2: #dbb094;
$color-3: #ff2525;
$color-4: #08090a;
$color-5: #697688;

TAILWIND

colors: {
  'brand-1': '#382436',
  'brand-2': '#dbb094',
  'brand-3': '#ff2525',
  'brand-4': '#08090a',
  'brand-5': '#697688',
}

RGB Array

[56, 36, 54], [219, 176, 148], [255, 37, 37], [8, 9, 10], [105, 118, 136]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #382436, #DBB094, #FF2525, #08090A, #697688 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: #382436; --color-2: #dbb094; --color-3: #ff2525; --color-4: #08090a; --color-5: #697688. 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