#080512 + #102338 + #2B2245 + #544878 + #485F78 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#080512

Deep Indigo · Black · Deep Sea Blue

HEX

#080512

RGB

rgb(8, 5, 18)

HSL

hsl(254, 57%, 5%)

HSB

hsb(254, 72%, 7%)

CMYK

cmyk(56%, 72%, 0%, 93%)

Oklch

oklch(13.0% 0.031 294.5)

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

#102338

Indigo · MidnightBlue · Deep Sea Blue

HEX

#102338

RGB

rgb(16, 35, 56)

HSL

hsl(212, 56%, 14%)

HSB

hsb(212, 71%, 22%)

CMYK

cmyk(71%, 38%, 0%, 78%)

Oklch

oklch(25.2% 0.047 252.3)

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

#2B2245

Deep Indigo · DarkSlateGray · Deep Sea Blue

HEX

#2B2245

RGB

rgb(43, 34, 69)

HSL

hsl(255, 34%, 20%)

HSB

hsb(255, 51%, 27%)

CMYK

cmyk(38%, 51%, 0%, 73%)

Oklch

oklch(28.1% 0.063 293.8)

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

#544878

Deep Indigo · DarkSlateBlue · Prussian Blue

HEX

#544878

RGB

rgb(84, 72, 120)

HSL

hsl(255, 25%, 38%)

HSB

hsb(255, 40%, 47%)

CMYK

cmyk(30%, 40%, 0%, 53%)

Oklch

oklch(43.5% 0.079 294.4)

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

#485F78

Indigo · DimGray · Prussian Blue

HEX

#485F78

RGB

rgb(72, 95, 120)

HSL

hsl(211, 25%, 38%)

HSB

hsb(211, 40%, 47%)

CMYK

cmyk(40%, 21%, 0%, 53%)

Oklch

oklch(47.7% 0.049 251.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

080512

111405

Analogous

050914

080512

100514

Triadic

080512

140905

051409

Split-Comp.

080512

141005

091405

Tetradic

080512

140509

111405

051410

Contrast Matrix WCAG 2.1 Contrast

080512	102338	2B2245	544878	485F78
—	1.3 Fail	1.4 Fail	2.5 Fail	3.1 AA Large
1.3 Fail	—	1.1 Fail	2.0 Fail	2.4 Fail
1.4 Fail	1.1 Fail	—	1.8 Fail	2.2 Fail
2.5 Fail	2.0 Fail	1.8 Fail	—	1.2 Fail
3.1 AA Large	2.4 Fail	2.2 Fail	1.2 Fail	—

White BG

20.2AAA

15.9AAA

14.8AAA

8.2AAA

6.6AA

Black BG

1.0Fail

1.3Fail

1.4Fail

2.6Fail

3.2AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

07070F

181833

27273D

4F4F6C

525272

Deuteranopia

07070E

171632

28283B

50506A

514F71

Tritanopia

080C0C

112F2E

2B3634

536361

496D6C

Achromatopsia

070707

202020

292929

515151

5B5B5B

Shades & Tints Shades & Tints

#080512

Dark

Light

#102338

Dark

Light

#2B2245

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #080512;
  --color-2: #102338;
  --color-3: #2b2245;
  --color-4: #544878;
  --color-5: #485f78;
}

SCSS

$color-1: #080512;
$color-2: #102338;
$color-3: #2b2245;
$color-4: #544878;
$color-5: #485f78;

TAILWIND

colors: {
  'brand-1': '#080512',
  'brand-2': '#102338',
  'brand-3': '#2b2245',
  'brand-4': '#544878',
  'brand-5': '#485f78',
}

RGB Array

[8, 5, 18], [16, 35, 56], [43, 34, 69], [84, 72, 120], [72, 95, 120]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #080512, #102338, #2B2245, #544878, #485F78 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: #080512; --color-2: #102338; --color-3: #2b2245; --color-4: #544878; --color-5: #485f78. 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