← Back to Editor

#091C18 · #0C4244 · #423928 · #A7492F · #D46025

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

#091C18

Mineral Blue · Black · Peacock Green

HEX
#091C18
RGB
rgb(9, 28, 24)
HSL
hsl(167, 51%, 7%)
HSB
hsb(167, 68%, 11%)
CMYK
cmyk(68%, 0%, 14%, 89%)
Oklch
oklch(20.9% 0.026 178.1)

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

#0C4244

Lake Blue · DarkSlateGray · Peacock Green

HEX
#0C4244
RGB
rgb(12, 66, 68)
HSL
hsl(182, 70%, 16%)
HSB
hsb(182, 82%, 27%)
CMYK
cmyk(82%, 3%, 0%, 73%)
Oklch
oklch(34.7% 0.053 198.7)

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

#423928

Ochre · DarkSlateGray · Cinnamon

HEX
#423928
RGB
rgb(66, 57, 40)
HSL
hsl(39, 25%, 21%)
HSB
hsb(39, 39%, 26%)
CMYK
cmyk(0%, 14%, 39%, 74%)
Oklch
oklch(34.9% 0.030 83.1)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

#A7492F

Crimson · Sienna · Passion Red

HEX
#A7492F
RGB
rgb(167, 73, 47)
HSL
hsl(13, 56%, 42%)
HSB
hsb(13, 72%, 65%)
CMYK
cmyk(0%, 56%, 72%, 35%)
Oklch
oklch(52.3% 0.131 36.3)

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

#D46025

Tangerine · Chocolate · Amber Brown

HEX
#D46025
RGB
rgb(212, 96, 37)
HSL
hsl(20, 70%, 49%)
HSB
hsb(20, 83%, 83%)
CMYK
cmyk(0%, 55%, 83%, 17%)
Oklch
oklch(62.4% 0.162 44.1)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

091C18
1B090D

Analogous

091B0E
091C18
09161B

Triadic

091C18
17091B
1B1709

Split-Comp.

091C18
1B0916
1B0E09

Tetradic

091C18
0E091B
1B090D
161B09

Contrast Matrix WCAG 2.1 Contrast

091C18
0C4244
423928
A7492F
D46025
—
1.6
Fail
1.6
Fail
3.1
AA Large
4.6
AA
1.6
Fail
—
1.0
Fail
1.9
Fail
2.9
Fail
1.6
Fail
1.0
Fail
—
2.0
Fail
3.0
Fail
3.1
AA Large
1.9
Fail
2.0
Fail
—
1.5
Fail
4.6
AA
2.9
Fail
3.0
Fail
1.5
Fail
—
White BG
17.6AAA
11.2AAA
11.4AAA
5.8AA
3.8AA Large
Black BG
1.2Fail
1.9Fail
1.8Fail
3.6AA Large
5.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

111119
232444
3E3E2C
7E7D35
A2A133

Deuteranopia

100F19
201C43
3F3F2D
848B37
A9B137

Tritanopia

0A1A1A
0F4343
422F30
A23A3B
CE3F41

Achromatopsia

161616
323232
3A3A3A
626262
7C7C7C

Shades & Tints Shades & Tints

#091C18

Dark
Light

#0C4244

Dark
Light

#423928

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #091c18;
  --color-2: #0c4244;
  --color-3: #423928;
  --color-4: #a7492f;
  --color-5: #d46025;
}

SCSS

$color-1: #091c18;
$color-2: #0c4244;
$color-3: #423928;
$color-4: #a7492f;
$color-5: #d46025;

TAILWIND

colors: {
  'brand-1': '#091c18',
  'brand-2': '#0c4244',
  'brand-3': '#423928',
  'brand-4': '#a7492f',
  'brand-5': '#d46025',
}

RGB Array

[9, 28, 24], [12, 66, 68], [66, 57, 40], [167, 73, 47], [212, 96, 37]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #091C18, #0C4244, #423928, #A7492F, #D46025 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: #091c18; --color-2: #0c4244; --color-3: #423928; --color-4: #a7492f; --color-5: #d46025. 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