← Back to Editor

#1A1722 · #382954 · #54355F · #734262 · #FFEAFF

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

#1A1722

Deep Indigo · Black · Deep Sea Blue

HEX
#1A1722
RGB
rgb(26, 23, 34)
HSL
hsl(256, 19%, 11%)
HSB
hsb(256, 32%, 13%)
CMYK
cmyk(24%, 32%, 0%, 87%)
Oklch
oklch(21.3% 0.022 297.0)

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

#382954

Deep Indigo · DarkSlateGray · Eggplant

HEX
#382954
RGB
rgb(56, 41, 84)
HSL
hsl(261, 34%, 25%)
HSB
hsb(261, 51%, 33%)
CMYK
cmyk(33%, 51%, 0%, 67%)
Oklch
oklch(32.0% 0.076 298.1)

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

#54355F

Dark Plum · DarkSlateBlue · Eggplant

HEX
#54355F
RGB
rgb(84, 53, 95)
HSL
hsl(284, 28%, 29%)
HSB
hsb(284, 44%, 37%)
CMYK
cmyk(12%, 44%, 0%, 63%)
Oklch
oklch(38.4% 0.079 316.8)

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

#734262

Rose Purple · DimGray · Camellia

HEX
#734262
RGB
rgb(115, 66, 98)
HSL
hsl(321, 27%, 35%)
HSB
hsb(321, 43%, 45%)
CMYK
cmyk(0%, 43%, 15%, 55%)
Oklch
oklch(44.9% 0.081 341.3)

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

#FFEAFF

Mauve · Snow · Lavender

HEX
#FFEAFF
RGB
rgb(255, 234, 255)
HSL
hsl(300, 100%, 96%)
HSB
hsb(300, 8%, 100%)
CMYK
cmyk(0%, 8%, 0%, 0%)
Oklch
oklch(96.0% 0.036 325.9)

Traditional「Mauve」· Paint「Lavender」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1A1722
1F2117

Analogous

171921
1A1722
1F1721

Triadic

1A1722
211A17
17211A

Split-Comp.

1A1722
211F17
192117

Tetradic

1A1722
211719
1F2117
17211F

Contrast Matrix WCAG 2.1 Contrast

1A1722
382954
54355F
734262
FFEAFF
—
1.4
Fail
1.7
Fail
2.3
Fail
15.5
AAA
1.4
Fail
—
1.3
Fail
1.7
Fail
11.4
AAA
1.7
Fail
1.3
Fail
—
1.3
Fail
9.0
AAA
2.3
Fail
1.7
Fail
1.3
Fail
—
6.9
AA
15.5
AAA
11.4
AAA
9.0
AAA
6.9
AA
—
White BG
17.7AAA
13.0AAA
10.2AAA
7.8AAA
1.1Fail
Black BG
1.2Fail
1.6Fail
2.1Fail
2.7Fail
18.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

19191F
32314A
474655
5E5D5A
F6F6FA

Deuteranopia

19191F
323347
484B52
616458
F7F9F9

Tritanopia

1A1D1D
374140
524D4B
715453
FEF6F5

Achromatopsia

191919
323232
434343
545454
F3F3F3

Shades & Tints Shades & Tints

#1A1722

Dark
Light

#382954

Dark
Light

#54355F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1a1722;
  --color-2: #382954;
  --color-3: #54355f;
  --color-4: #734262;
  --color-5: #ffeaff;
}

SCSS

$color-1: #1a1722;
$color-2: #382954;
$color-3: #54355f;
$color-4: #734262;
$color-5: #ffeaff;

TAILWIND

colors: {
  'brand-1': '#1a1722',
  'brand-2': '#382954',
  'brand-3': '#54355f',
  'brand-4': '#734262',
  'brand-5': '#ffeaff',
}

RGB Array

[26, 23, 34], [56, 41, 84], [84, 53, 95], [115, 66, 98], [255, 234, 255]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #1A1722, #382954, #54355F, #734262, #FFEAFF 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: #1a1722; --color-2: #382954; --color-3: #54355f; --color-4: #734262; --color-5: #ffeaff. 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