#0F1920 + #092438 + #7D170E + #5E4139 + #6E6867 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#0F1920

Slate Blue · Black · Deep Sea Blue

HEX

#0F1920

RGB

rgb(15, 25, 32)

HSL

hsl(205, 36%, 9%)

HSB

hsb(205, 53%, 13%)

CMYK

cmyk(53%, 22%, 0%, 87%)

Oklch

oklch(20.7% 0.020 239.5)

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

#092438

Lake Blue · MidnightBlue · Deep Sea Blue

HEX

#092438

RGB

rgb(9, 36, 56)

HSL

hsl(206, 72%, 13%)

HSB

hsb(206, 84%, 22%)

CMYK

cmyk(84%, 36%, 0%, 78%)

Oklch

oklch(25.1% 0.050 244.3)

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

#7D170E

Vermilion · Maroon · Wine Red

HEX

#7D170E

RGB

rgb(125, 23, 14)

HSL

hsl(5, 80%, 27%)

HSB

hsb(5, 89%, 49%)

CMYK

cmyk(0%, 82%, 89%, 51%)

Oklch

oklch(38.5% 0.138 29.8)

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

#5E4139

Crimson · DarkOliveGreen · Wine Red

HEX

#5E4139

RGB

rgb(94, 65, 57)

HSL

hsl(13, 25%, 30%)

HSB

hsb(13, 39%, 37%)

CMYK

cmyk(0%, 31%, 39%, 63%)

Oklch

oklch(40.5% 0.043 36.0)

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

#6E6867

Ink Gray · DimGray · Warm Gray

HEX

#6E6867

RGB

rgb(110, 104, 103)

HSL

hsl(9, 3%, 42%)

HSB

hsb(9, 6%, 43%)

CMYK

cmyk(0%, 5%, 6%, 57%)

Oklch

oklch(52.2% 0.008 28.9)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0F1920

1F160F

Analogous

0F1F1E

0F1920

0F101F

Triadic

0F1920

1F0F18

181F0F

Split-Comp.

0F1920

1F0F10

1F1E0F

Tetradic

0F1920

1E0F1F

1F160F

101F0F

Contrast Matrix WCAG 2.1 Contrast

0F1920	092438	7D170E	5E4139	6E6867
—	1.1 Fail	1.7 Fail	1.9 Fail	3.3 AA Large
1.1 Fail	—	1.5 Fail	1.7 Fail	2.9 Fail
1.7 Fail	1.5 Fail	—	1.1 Fail	1.9 Fail
1.9 Fail	1.7 Fail	1.1 Fail	—	1.7 Fail
3.3 AA Large	2.9 Fail	1.9 Fail	1.7 Fail	—

White BG

17.8AAA

15.9AAA

10.5AAA

9.2AAA

5.5AA

Black BG

1.2Fail

1.3Fail

2.0Fail

2.3Fail

3.8AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

13131E

151533

515010

51513B

6B6B67

Deuteranopia

13121E

131132

575E11

53553B

6C6C67

Tritanopia

101D1D

0A2F2F

781212

5D3C3D

6E6767

Achromatopsia

171717

1E1E1E

343434

494949

6A6A6A

Shades & Tints Shades & Tints

#0F1920

Dark

Light

#092438

Dark

Light

#7D170E

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0f1920;
  --color-2: #092438;
  --color-3: #7d170e;
  --color-4: #5e4139;
  --color-5: #6e6867;
}

SCSS

$color-1: #0f1920;
$color-2: #092438;
$color-3: #7d170e;
$color-4: #5e4139;
$color-5: #6e6867;

TAILWIND

colors: {
  'brand-1': '#0f1920',
  'brand-2': '#092438',
  'brand-3': '#7d170e',
  'brand-4': '#5e4139',
  'brand-5': '#6e6867',
}

RGB Array

[15, 25, 32], [9, 36, 56], [125, 23, 14], [94, 65, 57], [110, 104, 103]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #0F1920, #092438, #7D170E, #5E4139, #6E6867 is ideal for: tech websites, dark mode UIs, game UIs. 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: #0f1920; --color-2: #092438; --color-3: #7d170e; --color-4: #5e4139; --color-5: #6e6867. 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. 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