← Back to Editor

#19194B · #384766 · #5E786D · #809075 · #B2A67C

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 Library

Color Details Color Details

#19194B

Deep Indigo · MidnightBlue · Deep Sea Blue

HEX
#19194B
RGB
rgb(25, 25, 75)
HSL
hsl(240, 50%, 20%)
HSB
hsb(240, 67%, 29%)
CMYK
cmyk(67%, 67%, 0%, 71%)
Oklch
oklch(24.9% 0.090 277.6)

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

#384766

Indigo · DarkSlateGray · Prussian Blue

HEX
#384766
RGB
rgb(56, 71, 102)
HSL
hsl(220, 29%, 31%)
HSB
hsb(220, 45%, 40%)
CMYK
cmyk(45%, 30%, 0%, 60%)
Oklch
oklch(39.9% 0.056 264.2)

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

#5E786D

Mineral Blue · DimGray · Olive Green

HEX
#5E786D
RGB
rgb(94, 120, 109)
HSL
hsl(155, 12%, 42%)
HSB
hsb(155, 22%, 47%)
CMYK
cmyk(22%, 0%, 9%, 53%)
Oklch
oklch(54.9% 0.035 167.4)

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

#809075

Celadon · Gray · Olive Green

HEX
#809075
RGB
rgb(128, 144, 117)
HSL
hsl(96, 11%, 51%)
HSB
hsb(96, 19%, 56%)
CMYK
cmyk(11%, 0%, 19%, 44%)
Oklch
oklch(63.3% 0.044 132.6)

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

#B2A67C

Ginger · Tan · Sunflower

HEX
#B2A67C
RGB
rgb(178, 166, 124)
HSL
hsl(47, 26%, 59%)
HSB
hsb(47, 30%, 70%)
CMYK
cmyk(0%, 7%, 30%, 30%)
Oklch
oklch(72.5% 0.059 94.0)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

19194B
4D4D1A

Analogous

1A334D
19194B
331A4D

Triadic

19194B
4D1A1A
1A4D1A

Split-Comp.

19194B
4D331A
334D1A

Tetradic

19194B
4D1A33
4D4D1A
1A4D33

Contrast Matrix WCAG 2.1 Contrast

19194B
384766
5E786D
809075
B2A67C
—
1.8
Fail
3.4
AA Large
4.8
AA
6.7
AA
1.8
Fail
—
1.9
Fail
2.7
Fail
3.8
AA Large
3.4
AA Large
1.9
Fail
—
1.4
Fail
2.0
Fail
4.8
AA
2.7
Fail
1.4
Fail
—
1.4
Fail
6.7
AA
3.8
AA Large
2.0
Fail
1.4
Fail
—
White BG
16.4AAA
9.3AAA
4.8AA
3.4AA Large
2.4Fail
Black BG
1.3Fail
2.3Fail
4.4AA Large
6.2AA
8.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

19193F
3E3F5E
696970
87877C
ADAD86

Deuteranopia

19193C
3E3D5D
686670
86857D
AEAE89

Tritanopia

193533
395957
5F7272
818182
B18E90

Achromatopsia

1F1F1F
464646
6F6F6F
888888
A5A5A5

Shades & Tints Shades & Tints

#19194B

Dark
Light

#384766

Dark
Light

#5E786D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #19194b;
  --color-2: #384766;
  --color-3: #5e786d;
  --color-4: #809075;
  --color-5: #b2a67c;
}

SCSS

$color-1: #19194b;
$color-2: #384766;
$color-3: #5e786d;
$color-4: #809075;
$color-5: #b2a67c;

TAILWIND

colors: {
  'brand-1': '#19194b',
  'brand-2': '#384766',
  'brand-3': '#5e786d',
  'brand-4': '#809075',
  'brand-5': '#b2a67c',
}

RGB Array

[25, 25, 75], [56, 71, 102], [94, 120, 109], [128, 144, 117], [178, 166, 124]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #19194B, #384766, #5E786D, #809075, #B2A67C is ideal for: brand design, premium product pages, magazine layouts. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #19194b; --color-2: #384766; --color-3: #5e786d; --color-4: #809075; --color-5: #b2a67c. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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. Restrained colors convey professionalism and trust. 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