← Back to Editor

#090611 · #090A1C · #5A5B6F · #C4843A · #D69F42

space

A 5-color space 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

#090611

Deep Indigo · Black · Deep Sea Blue

HEX
#090611
RGB
rgb(9, 6, 17)
HSL
hsl(256, 48%, 5%)
HSB
hsb(256, 65%, 7%)
CMYK
cmyk(47%, 65%, 0%, 93%)
Oklch
oklch(13.4% 0.026 297.0)

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

#090A1C

Indigo · Black · Deep Sea Blue

HEX
#090A1C
RGB
rgb(9, 10, 28)
HSL
hsl(237, 51%, 7%)
HSB
hsb(237, 68%, 11%)
CMYK
cmyk(68%, 64%, 0%, 89%)
Oklch
oklch(15.6% 0.038 278.5)

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

#5A5B6F

Indigo · DimGray · Prussian Blue

HEX
#5A5B6F
RGB
rgb(90, 91, 111)
HSL
hsl(237, 10%, 39%)
HSB
hsb(237, 19%, 44%)
CMYK
cmyk(19%, 18%, 0%, 56%)
Oklch
oklch(47.8% 0.032 282.9)

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

#C4843A

Ochre · Chocolate · Amber Brown

HEX
#C4843A
RGB
rgb(196, 132, 58)
HSL
hsl(32, 54%, 50%)
HSB
hsb(32, 70%, 77%)
CMYK
cmyk(0%, 33%, 70%, 23%)
Oklch
oklch(66.5% 0.119 66.9)

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

#D69F42

Ginger · GoldenRod · Warm Sun

HEX
#D69F42
RGB
rgb(214, 159, 66)
HSL
hsl(38, 64%, 55%)
HSB
hsb(38, 69%, 84%)
CMYK
cmyk(0%, 26%, 69%, 16%)
Oklch
oklch(73.8% 0.126 77.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

090611
101307

Analogous

070913
090611
100713

Triadic

090611
130A07
07130A

Split-Comp.

090611
131007
091307

Tetradic

090611
130709
101307
071310

Contrast Matrix WCAG 2.1 Contrast

090611
090A1C
5A5B6F
C4843A
D69F42
—
1.0
Fail
3.0
AA Large
6.4
AA
8.5
AAA
1.0
Fail
—
2.9
Fail
6.3
AA
8.3
AAA
3.0
AA Large
2.9
Fail
—
2.1
Fail
2.8
Fail
6.4
AA
6.3
AA
2.1
Fail
—
1.3
Fail
8.5
AAA
8.3
AAA
2.8
Fail
1.3
Fail
—
White BG
20.1AAA
19.6AAA
6.6AA
3.1AA Large
2.4Fail
Black BG
1.0Fail
1.1Fail
3.2AA Large
6.7AA
8.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

08080E
090918
5A5A6A
A8A84C
BEBE59

Deuteranopia

08080E
090917
5A5A69
ACB150
C1C55E

Tritanopia

090C0C
091413
5A6666
C15A5D
D36A6E

Achromatopsia

080808
0C0C0C
5D5D5D
8F8F8F
A5A5A5

Shades & Tints Shades & Tints

#090611

Dark
Light

#090A1C

Dark
Light

#5A5B6F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #090611;
  --color-2: #090a1c;
  --color-3: #5a5b6f;
  --color-4: #c4843a;
  --color-5: #d69f42;
}

SCSS

$color-1: #090611;
$color-2: #090a1c;
$color-3: #5a5b6f;
$color-4: #c4843a;
$color-5: #d69f42;

TAILWIND

colors: {
  'brand-1': '#090611',
  'brand-2': '#090a1c',
  'brand-3': '#5a5b6f',
  'brand-4': '#c4843a',
  'brand-5': '#d69f42',
}

RGB Array

[9, 6, 17], [9, 10, 28], [90, 91, 111], [196, 132, 58], [214, 159, 66]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #090611, #090A1C, #5A5B6F, #C4843A, #D69F42 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: #090611; --color-2: #090a1c; --color-3: #5a5b6f; --color-4: #c4843a; --color-5: #d69f42. 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 space-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