← Back to Editor

#193D5F · #091E40 · #412D35 · #7F5649 · #DB7E50

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

#193D5F

Lake Blue · DarkSlateGray · Prussian Blue

HEX
#193D5F
RGB
rgb(25, 61, 95)
HSL
hsl(209, 58%, 24%)
HSB
hsb(209, 74%, 37%)
CMYK
cmyk(74%, 36%, 0%, 63%)
Oklch
oklch(35.2% 0.073 249.5)

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

#091E40

Indigo · MidnightBlue · Deep Sea Blue

HEX
#091E40
RGB
rgb(9, 30, 64)
HSL
hsl(217, 75%, 14%)
HSB
hsb(217, 86%, 25%)
CMYK
cmyk(86%, 53%, 0%, 75%)
Oklch
oklch(24.0% 0.070 259.6)

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

#412D35

Dark Violet · DarkSlateGray · Raspberry

HEX
#412D35
RGB
rgb(65, 45, 53)
HSL
hsl(336, 18%, 22%)
HSB
hsb(336, 31%, 25%)
CMYK
cmyk(0%, 31%, 18%, 75%)
Oklch
oklch(32.4% 0.032 353.3)

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

#7F5649

Crimson · DimGray · Wine Red

HEX
#7F5649
RGB
rgb(127, 86, 73)
HSL
hsl(14, 27%, 39%)
HSB
hsb(14, 43%, 50%)
CMYK
cmyk(0%, 32%, 43%, 50%)
Oklch
oklch(49.4% 0.059 38.3)

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

#DB7E50

Tangerine · Coral · Warm Sun

HEX
#DB7E50
RGB
rgb(219, 126, 80)
HSL
hsl(20, 66%, 59%)
HSB
hsb(20, 63%, 86%)
CMYK
cmyk(0%, 42%, 63%, 14%)
Oklch
oklch(68.6% 0.131 46.1)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

193D5F
613C1A

Analogous

1A6160
193D5F
1A1B61

Triadic

193D5F
611A3E
3E611A

Split-Comp.

193D5F
611A1B
61601A

Tetradic

193D5F
601A61
613C1A
1B611A

Contrast Matrix WCAG 2.1 Contrast

193D5F
091E40
412D35
7F5649
DB7E50
—
1.5
Fail
1.1
Fail
1.8
Fail
3.8
AA Large
1.5
Fail
—
1.3
Fail
2.6
Fail
5.6
AA
1.1
Fail
1.3
Fail
—
2.0
Fail
4.3
AA Large
1.8
Fail
2.6
Fail
2.0
Fail
—
2.1
Fail
3.8
AA Large
5.6
AA
4.3
AA Large
2.1
Fail
—
White BG
11.2AAA
16.5AAA
12.7AAA
6.3AA
3.0Fail
Black BG
1.9Fail
1.3Fail
1.7Fail
3.3AA Large
7.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

292957
121238
383833
6D6D4C
B3B25B

Deuteranopia

272455
110F36
3A3B33
70734D
B8BF5E

Tritanopia

1B504F
0A3130
403231
7D4F4F
D66466

Achromatopsia

363636
1C1C1C
343434
616161
959595

Shades & Tints Shades & Tints

#193D5F

Dark
Light

#091E40

Dark
Light

#412D35

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #193d5f;
  --color-2: #091e40;
  --color-3: #412d35;
  --color-4: #7f5649;
  --color-5: #db7e50;
}

SCSS

$color-1: #193d5f;
$color-2: #091e40;
$color-3: #412d35;
$color-4: #7f5649;
$color-5: #db7e50;

TAILWIND

colors: {
  'brand-1': '#193d5f',
  'brand-2': '#091e40',
  'brand-3': '#412d35',
  'brand-4': '#7f5649',
  'brand-5': '#db7e50',
}

RGB Array

[25, 61, 95], [9, 30, 64], [65, 45, 53], [127, 86, 73], [219, 126, 80]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #193D5F, #091E40, #412D35, #7F5649, #DB7E50 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: #193d5f; --color-2: #091e40; --color-3: #412d35; --color-4: #7f5649; --color-5: #db7e50. 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