← Back to Editor

#1A061F · #420639 · #90304C · #EAE9E7 · #1A1535

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#1A061F

Royal Purple · Black · Dark Purple

HEX
#1A061F
RGB
rgb(26, 6, 31)
HSL
hsl(288, 68%, 7%)
HSB
hsb(288, 81%, 12%)
CMYK
cmyk(16%, 81%, 0%, 88%)
Oklch
oklch(17.2% 0.057 319.3)

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

#420639

Rose Purple · MidnightBlue · Dark Purple

HEX
#420639
RGB
rgb(66, 6, 57)
HSL
hsl(309, 83%, 14%)
HSB
hsb(309, 91%, 26%)
CMYK
cmyk(0%, 91%, 14%, 74%)
Oklch
oklch(26.5% 0.107 335.4)

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

#90304C

Dark Violet · Brown · Camellia

HEX
#90304C
RGB
rgb(144, 48, 76)
HSL
hsl(343, 50%, 38%)
HSB
hsb(343, 67%, 56%)
CMYK
cmyk(0%, 67%, 47%, 44%)
Oklch
oklch(45.8% 0.131 6.1)

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

#EAE9E7

Plain White · Linen · Cloud White

HEX
#EAE9E7
RGB
rgb(234, 233, 231)
HSL
hsl(40, 7%, 91%)
HSB
hsb(40, 1%, 92%)
CMYK
cmyk(0%, 0%, 1%, 8%)
Oklch
oklch(93.4% 0.003 84.6)

Traditional「Plain White」· Paint「Cloud White」· Creative Morning Mist

#1A1535

Deep Indigo · MidnightBlue · Deep Sea Blue

HEX
#1A1535
RGB
rgb(26, 21, 53)
HSL
hsl(249, 43%, 15%)
HSB
hsb(249, 60%, 21%)
CMYK
cmyk(51%, 60%, 0%, 79%)
Oklch
oklch(22.1% 0.060 287.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1A061F
0B1E06

Analogous

0D061E
1A061F
1E0617

Triadic

1A061F
1E1906
061E19

Split-Comp.

1A061F
171E06
061E0D

Tetradic

1A061F
1E0D06
0B1E06
06171E

Contrast Matrix WCAG 2.1 Contrast

1A061F
420639
90304C
EAE9E7
1A1535
—
1.2
Fail
2.5
Fail
15.9
AAA
1.1
Fail
1.2
Fail
—
2.1
Fail
13.1
AAA
1.1
Fail
2.5
Fail
2.1
Fail
—
6.4
AA
2.3
Fail
15.9
AAA
13.1
AAA
6.4
AA
—
14.4
AAA
1.1
Fail
1.1
Fail
2.3
Fail
14.4
AAA
—
White BG
19.3AAA
15.9AAA
7.7AAA
1.2Fail
17.5AAA
Black BG
1.1Fail
1.3Fail
2.7Fail
17.3AAA
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

111119
28272D
666645
EAEAE7
18182D

Deuteranopia

131418
2C302A
6C7344
EAEAE8
18192B

Tritanopia

191413
3F2321
8B403F
EAE8E8
1A2726

Achromatopsia

0F0F0F
1E1E1E
505050
E9E9E9
1A1A1A

Shades & Tints Shades & Tints

#1A061F

Dark
Light

#420639

Dark
Light

#90304C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1a061f;
  --color-2: #420639;
  --color-3: #90304c;
  --color-4: #eae9e7;
  --color-5: #1a1535;
}

SCSS

$color-1: #1a061f;
$color-2: #420639;
$color-3: #90304c;
$color-4: #eae9e7;
$color-5: #1a1535;

TAILWIND

colors: {
  'brand-1': '#1a061f',
  'brand-2': '#420639',
  'brand-3': '#90304c',
  'brand-4': '#eae9e7',
  'brand-5': '#1a1535',
}

RGB Array

[26, 6, 31], [66, 6, 57], [144, 48, 76], [234, 233, 231], [26, 21, 53]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #1A061F, #420639, #90304C, #EAE9E7, #1A1535 is ideal for: tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #1a061f; --color-2: #420639; --color-3: #90304c; --color-4: #eae9e7; --color-5: #1a1535. 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 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