#0A0910 + #1A4244 + #B84230 + #8A312B + #611021 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#0A0910

Deep Indigo · Black · Deep Sea Blue

HEX

#0A0910

RGB

rgb(10, 9, 16)

HSL

hsl(249, 28%, 5%)

HSB

hsb(249, 44%, 6%)

CMYK

cmyk(38%, 44%, 0%, 94%)

Oklch

oklch(14.5% 0.015 291.1)

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

#1A4244

Slate Blue · DarkSlateGray · Peacock Green

HEX

#1A4244

RGB

rgb(26, 66, 68)

HSL

hsl(183, 45%, 18%)

HSB

hsb(183, 62%, 27%)

CMYK

cmyk(62%, 3%, 0%, 73%)

Oklch

oklch(35.2% 0.045 199.8)

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

#B84230

Crimson · Sienna · Passion Red

HEX

#B84230

RGB

rgb(184, 66, 48)

HSL

hsl(8, 59%, 45%)

HSB

hsb(8, 74%, 72%)

CMYK

cmyk(0%, 64%, 74%, 28%)

Oklch

oklch(54.1% 0.156 31.3)

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

#8A312B

Crimson · Brown · Wine Red

HEX

#8A312B

RGB

rgb(138, 49, 43)

HSL

hsl(4, 52%, 35%)

HSB

hsb(4, 69%, 54%)

CMYK

cmyk(0%, 64%, 69%, 46%)

Oklch

oklch(44.1% 0.123 27.1)

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

#611021

Vermilion · Maroon · Wine Red

HEX

#611021

RGB

rgb(97, 16, 33)

HSL

hsl(347, 72%, 22%)

HSB

hsb(347, 84%, 38%)

CMYK

cmyk(0%, 84%, 66%, 62%)

Oklch

oklch(32.6% 0.113 14.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0A0910

0F1009

Analogous

090C10

0A0910

0E0910

Triadic

0A0910

100A09

09100A

Split-Comp.

0A0910

100E09

0C1009

Tetradic

0A0910

10090C

0F1009

09100E

Contrast Matrix WCAG 2.1 Contrast

0A0910	1A4244	B84230	8A312B	611021
—	1.8 Fail	3.6 AA Large	2.4 Fail	1.5 Fail
1.8 Fail	—	2.0 Fail	1.3 Fail	1.2 Fail
3.6 AA Large	2.0 Fail	—	1.5 Fail	2.4 Fail
2.4 Fail	1.3 Fail	1.5 Fail	—	1.6 Fail
1.5 Fail	1.2 Fail	2.4 Fail	1.6 Fail	—

White BG

19.8AAA

11.0AAA

5.4AA

8.2AAA

13.1AAA

Black BG

1.1Fail

1.9Fail

3.9AA Large

2.6Fail

1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

0A0A0E

2B2C44

858434

63632C

3E3D1D

Deuteranopia

0A0A0E

292643

8C9535

696F2D

43491C

Tritanopia

0A0D0D

1C4343

B23839

862E2E

5D1A19

Achromatopsia

0A0A0A

363636

636363

4B4B4B

2A2A2A

Shades & Tints Shades & Tints

#0A0910

Dark

Light

#1A4244

Dark

Light

#B84230

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0a0910;
  --color-2: #1a4244;
  --color-3: #b84230;
  --color-4: #8a312b;
  --color-5: #611021;
}

SCSS

$color-1: #0a0910;
$color-2: #1a4244;
$color-3: #b84230;
$color-4: #8a312b;
$color-5: #611021;

TAILWIND

colors: {
  'brand-1': '#0a0910',
  'brand-2': '#1a4244',
  'brand-3': '#b84230',
  'brand-4': '#8a312b',
  'brand-5': '#611021',
}

RGB Array

[10, 9, 16], [26, 66, 68], [184, 66, 48], [138, 49, 43], [97, 16, 33]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #0A0910, #1A4244, #B84230, #8A312B, #611021 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: #0a0910; --color-2: #1a4244; --color-3: #b84230; --color-4: #8a312b; --color-5: #611021. 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