← Back to Editor

#010745 · #490C45 · #801649 · #B7204D · #C2A587

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 AppData Visualization

Color Details Color Details

#010745

Indigo · MidnightBlue · Deep Sea Blue

HEX
#010745
RGB
rgb(1, 7, 69)
HSL
hsl(235, 97%, 14%)
HSB
hsb(235, 99%, 27%)
CMYK
cmyk(99%, 90%, 0%, 73%)
Oklch
oklch(19.1% 0.112 265.0)

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

#490C45

Rose Purple · MidnightBlue · Dark Purple

HEX
#490C45
RGB
rgb(73, 12, 69)
HSL
hsl(304, 72%, 17%)
HSB
hsb(304, 84%, 29%)
CMYK
cmyk(0%, 84%, 5%, 71%)
Oklch
oklch(29.1% 0.114 331.0)

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

#801649

Dark Violet · Brown · Camellia

HEX
#801649
RGB
rgb(128, 22, 73)
HSL
hsl(331, 71%, 29%)
HSB
hsb(331, 83%, 50%)
CMYK
cmyk(0%, 83%, 43%, 50%)
Oklch
oklch(40.3% 0.146 357.3)

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

#B7204D

Dark Violet · Brown · Camellia

HEX
#B7204D
RGB
rgb(183, 32, 77)
HSL
hsl(342, 70%, 42%)
HSB
hsb(342, 83%, 72%)
CMYK
cmyk(0%, 83%, 58%, 28%)
Oklch
oklch(51.2% 0.185 10.4)

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

#C2A587

Ginger · Tan · Warm Sun

HEX
#C2A587
RGB
rgb(194, 165, 135)
HSL
hsl(31, 33%, 65%)
HSB
hsb(31, 30%, 76%)
CMYK
cmyk(0%, 15%, 30%, 24%)
Oklch
oklch(74.0% 0.054 67.8)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

010745
464101

Analogous

012946
010745
1E0146

Triadic

010745
460107
074601

Split-Comp.

010745
461E01
294601

Tetradic

010745
460129
464101
01461E

Contrast Matrix WCAG 2.1 Contrast

010745
490C45
801649
B7204D
C2A587
—
1.3
Fail
1.9
Fail
3.0
Fail
8.1
AAA
1.3
Fail
—
1.5
Fail
2.3
Fail
6.3
AA
1.9
Fail
1.5
Fail
—
1.6
Fail
4.2
AA Large
3.0
Fail
2.3
Fail
1.6
Fail
—
2.7
Fail
8.1
AAA
6.3
AA
4.2
AA Large
2.7
Fail
—
White BG
18.8AAA
14.8AAA
9.9AAA
6.3AA
2.3Fail
Black BG
1.1Fail
1.4Fail
2.1Fail
3.3AA Large
9.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

040436
2F2E37
52513D
767442
B5B58E

Deuteranopia

030332
323734
58603A
7E8A40
B7B990

Tritanopia

012A28
462C2A
7B3331
AF3A38
C19495

Achromatopsia

0C0C0C
252525
3C3C3C
525252
AAAAAA

Shades & Tints Shades & Tints

#010745

Dark
Light

#490C45

Dark
Light

#801649

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #010745;
  --color-2: #490c45;
  --color-3: #801649;
  --color-4: #b7204d;
  --color-5: #c2a587;
}

SCSS

$color-1: #010745;
$color-2: #490c45;
$color-3: #801649;
$color-4: #b7204d;
$color-5: #c2a587;

TAILWIND

colors: {
  'brand-1': '#010745',
  'brand-2': '#490c45',
  'brand-3': '#801649',
  'brand-4': '#b7204d',
  'brand-5': '#c2a587',
}

RGB Array

[1, 7, 69], [73, 12, 69], [128, 22, 73], [183, 32, 77], [194, 165, 135]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #010745, #490C45, #801649, #B7204D, #C2A587 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #010745; --color-2: #490c45; --color-3: #801649; --color-4: #b7204d; --color-5: #c2a587. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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