#091A50 + #301759 + #55235E + #91265A + #C07148 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#091A50

Indigo · MidnightBlue · Deep Sea Blue

HEX

#091A50

RGB

rgb(9, 26, 80)

HSL

hsl(226, 80%, 17%)

HSB

hsb(226, 89%, 31%)

CMYK

cmyk(89%, 68%, 0%, 69%)

Oklch

oklch(24.6% 0.101 265.6)

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

#301759

Deep Indigo · MidnightBlue · Eggplant

HEX

#301759

RGB

rgb(48, 23, 89)

HSL

hsl(263, 59%, 22%)

HSB

hsb(263, 74%, 35%)

CMYK

cmyk(46%, 74%, 0%, 65%)

Oklch

oklch(28.2% 0.112 295.7)

Traditional「Deep Indigo」· Paint「Eggplant」· Creative Blush Sunrise

#55235E

Dark Plum · DarkSlateBlue · Eggplant

HEX

#55235E

RGB

rgb(85, 35, 94)

HSL

hsl(291, 46%, 25%)

HSB

hsb(291, 63%, 37%)

CMYK

cmyk(10%, 63%, 0%, 63%)

Oklch

oklch(35.4% 0.112 321.3)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#91265A

Dark Violet · Brown · Camellia

HEX

#91265A

RGB

rgb(145, 38, 90)

HSL

hsl(331, 58%, 36%)

HSB

hsb(331, 74%, 57%)

CMYK

cmyk(0%, 74%, 38%, 43%)

Oklch

oklch(45.3% 0.150 355.2)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#C07148

Tangerine · Chocolate · Warm Sun

HEX

#C07148

RGB

rgb(192, 113, 72)

HSL

hsl(20, 49%, 52%)

HSB

hsb(20, 63%, 75%)

CMYK

cmyk(0%, 41%, 63%, 25%)

Oklch

oklch(62.7% 0.115 47.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

091A50

4E3E09

Analogous

093C4E

091A50

1B094E

Triadic

091A50

4E0919

194E09

Split-Comp.

091A50

4E1B09

3C4E09

Tetradic

091A50

4E093C

4E3E09

094E1B

Contrast Matrix WCAG 2.1 Contrast

091A50	301759	55235E	91265A	C07148
—	1.1 Fail	1.4 Fail	2.1 Fail	4.5 AA Large
1.1 Fail	—	1.3 Fail	1.9 Fail	4.1 AA Large
1.4 Fail	1.3 Fail	—	1.5 Fail	3.2 AA Large
2.1 Fail	1.9 Fail	1.5 Fail	—	2.2 Fail
4.5 AA Large	4.1 AA Large	3.2 AA Large	2.2 Fail	—

White BG

16.5AAA

15.1AAA

11.7AAA

8.0AAA

3.7AA Large

Black BG

1.3Fail

1.4Fail

1.8Fail

2.6Fail

5.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

101143

252549

3F3F50

63624D

9E9D52

Deuteranopia

0F0E40

272845

42464C

69714A

A2A854

Tritanopia

0A3936

2F3C3A

534442

8C4341

BC5A5B

Achromatopsia

1B1B1B

262626

393939

4C4C4C

848484

Shades & Tints Shades & Tints

#091A50

Dark

Light

#301759

Dark

Light

#55235E

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #091a50;
  --color-2: #301759;
  --color-3: #55235e;
  --color-4: #91265a;
  --color-5: #c07148;
}

SCSS

$color-1: #091a50;
$color-2: #301759;
$color-3: #55235e;
$color-4: #91265a;
$color-5: #c07148;

TAILWIND

colors: {
  'brand-1': '#091a50',
  'brand-2': '#301759',
  'brand-3': '#55235e',
  'brand-4': '#91265a',
  'brand-5': '#c07148',
}

RGB Array

[9, 26, 80], [48, 23, 89], [85, 35, 94], [145, 38, 90], [192, 113, 72]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #091A50, #301759, #55235E, #91265A, #C07148 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: #091a50; --color-2: #301759; --color-3: #55235e; --color-4: #91265a; --color-5: #c07148. 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