← Back to Editor

#190045 · #5C113D · #970036 · #AD2400 · #A18100

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#190045

Deep Indigo · MidnightBlue · Dark Purple

HEX
#190045
RGB
rgb(25, 0, 69)
HSL
hsl(262, 100%, 14%)
HSB
hsb(262, 100%, 27%)
CMYK
cmyk(64%, 100%, 0%, 73%)
Oklch
oklch(20.1% 0.114 288.8)

Traditional「Deep Indigo」· Paint「Dark Purple」· Creative Blush Sunrise

#5C113D

Rose Purple · Maroon · Raspberry

HEX
#5C113D
RGB
rgb(92, 17, 61)
HSL
hsl(325, 69%, 21%)
HSB
hsb(325, 82%, 36%)
CMYK
cmyk(0%, 82%, 34%, 64%)
Oklch
oklch(32.7% 0.116 349.7)

Traditional「Rose Purple」· Paint「Raspberry」· Creative Blush Sunrise

#970036

Dark Violet · Brown · Camellia

HEX
#970036
RGB
rgb(151, 0, 54)
HSL
hsl(339, 100%, 30%)
HSB
hsb(339, 100%, 59%)
CMYK
cmyk(0%, 100%, 64%, 41%)
Oklch
oklch(43.1% 0.172 12.0)

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

#AD2400

Vermilion · FireBrick · Wine Red

HEX
#AD2400
RGB
rgb(173, 36, 0)
HSL
hsl(12, 100%, 34%)
HSB
hsb(12, 100%, 68%)
CMYK
cmyk(0%, 79%, 100%, 32%)
Oklch
oklch(48.7% 0.177 33.6)

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

#A18100

Ochre · DarkGoldenRod · Honey Gold

HEX
#A18100
RGB
rgb(161, 129, 0)
HSL
hsl(48, 100%, 32%)
HSB
hsb(48, 100%, 63%)
CMYK
cmyk(0%, 20%, 100%, 37%)
Oklch
oklch(61.6% 0.126 91.2)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

190045
2D4700

Analogous

000A47
190045
3E0047

Triadic

190045
471A00
00471A

Split-Comp.

190045
473E00
0A4700

Tetradic

190045
47000A
2D4700
00473E

Contrast Matrix WCAG 2.1 Contrast

190045
5C113D
970036
AD2400
A18100
—
1.4
Fail
2.1
Fail
2.7
Fail
5.0
AA
1.4
Fail
—
1.5
Fail
1.9
Fail
3.5
AA Large
2.1
Fail
1.5
Fail
—
1.3
Fail
2.4
Fail
2.7
Fail
1.9
Fail
1.3
Fail
—
1.9
Fail
5.0
AA
3.5
AA Large
2.4
Fail
1.9
Fail
—
White BG
18.6AAA
13.1AAA
8.9AAA
6.9AA
3.7AA Large
Black BG
1.1Fail
1.6Fail
2.4Fail
3.0AA Large
5.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

0E0E34
3C3B32
565429
727009
93931F

Deuteranopia

101230
404530
5E6A26
7A840B
959727

Tritanopia

182724
582A28
8F1F1C
A61011
9F383D

Achromatopsia

0F0F0F
2C2C2C
333333
494949
7C7C7C

Shades & Tints Shades & Tints

#190045

Dark
Light

#5C113D

Dark
Light

#970036

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #190045;
  --color-2: #5c113d;
  --color-3: #970036;
  --color-4: #ad2400;
  --color-5: #a18100;
}

SCSS

$color-1: #190045;
$color-2: #5c113d;
$color-3: #970036;
$color-4: #ad2400;
$color-5: #a18100;

TAILWIND

colors: {
  'brand-1': '#190045',
  'brand-2': '#5c113d',
  'brand-3': '#970036',
  'brand-4': '#ad2400',
  'brand-5': '#a18100',
}

RGB Array

[25, 0, 69], [92, 17, 61], [151, 0, 54], [173, 36, 0], [161, 129, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #190045, #5C113D, #970036, #AD2400, #A18100 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #190045; --color-2: #5c113d; --color-3: #970036; --color-4: #ad2400; --color-5: #a18100. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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