#1A052E + #2B1732 + #3A2642 + #417A71 + #699385 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#1A052E

Royal Purple · Black · Dark Purple

HEX

#1A052E

RGB

rgb(26, 5, 46)

HSL

hsl(271, 80%, 10%)

HSB

hsb(271, 89%, 18%)

CMYK

cmyk(43%, 89%, 0%, 82%)

Oklch

oklch(18.4% 0.079 303.1)

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

#2B1732

Dark Plum · DarkSlateGray · Dark Purple

HEX

#2B1732

RGB

rgb(43, 23, 50)

HSL

hsl(284, 37%, 14%)

HSB

hsb(284, 54%, 20%)

CMYK

cmyk(14%, 54%, 0%, 80%)

Oklch

oklch(24.5% 0.056 316.9)

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

#3A2642

Dark Plum · DarkSlateGray · Dark Purple

HEX

#3A2642

RGB

rgb(58, 38, 66)

HSL

hsl(283, 27%, 20%)

HSB

hsb(283, 42%, 26%)

CMYK

cmyk(12%, 42%, 0%, 74%)

Oklch

oklch(30.5% 0.056 315.9)

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

#417A71

Mineral Blue · SeaGreen · Mint Ice

HEX

#417A71

RGB

rgb(65, 122, 113)

HSL

hsl(171, 30%, 37%)

HSB

hsb(171, 47%, 48%)

CMYK

cmyk(47%, 0%, 7%, 52%)

Oklch

oklch(53.8% 0.062 182.5)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#699385

Mineral Blue · SlateGray · Mint Ice

HEX

#699385

RGB

rgb(105, 147, 133)

HSL

hsl(160, 17%, 49%)

HSB

hsb(160, 29%, 58%)

CMYK

cmyk(29%, 0%, 10%, 42%)

Oklch

oklch(62.8% 0.051 172.0)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1A052E

192E05

Analogous

06052E

1A052E

2E052D

Triadic

1A052E

2E1A05

052E1A

Split-Comp.

1A052E

2D2E05

052E06

Tetradic

1A052E

2E0605

192E05

052D2E

Contrast Matrix WCAG 2.1 Contrast

1A052E	2B1732	3A2642	417A71	699385
—	1.2 Fail	1.4 Fail	3.8 AA Large	5.5 AA
1.2 Fail	—	1.2 Fail	3.3 AA Large	4.8 AA
1.4 Fail	1.2 Fail	—	2.8 Fail	4.0 AA Large
3.8 AA Large	3.3 AA Large	2.8 Fail	—	1.4 Fail
5.5 AA	4.8 AA	4.0 AA Large	1.4 Fail	—

White BG

19.0AAA

16.5AAA

13.7AAA

4.9AA

3.4AA Large

Black BG

1.1Fail

1.3Fail

1.5Fail

4.2AA Large

6.1AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

111124

22222B

31313B

5A5A73

7B7C88

Deuteranopia

121422

24252A

33343A

565274

797689

Tritanopia

191C1B

2A2625

393635

447575

6B8B8C

Achromatopsia

101010

202020

2F2F2F

686868

858585

Shades & Tints Shades & Tints

#1A052E

Dark

Light

#2B1732

Dark

Light

#3A2642

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1a052e;
  --color-2: #2b1732;
  --color-3: #3a2642;
  --color-4: #417a71;
  --color-5: #699385;
}

SCSS

$color-1: #1a052e;
$color-2: #2b1732;
$color-3: #3a2642;
$color-4: #417a71;
$color-5: #699385;

TAILWIND

colors: {
  'brand-1': '#1a052e',
  'brand-2': '#2b1732',
  'brand-3': '#3a2642',
  'brand-4': '#417a71',
  'brand-5': '#699385',
}

RGB Array

[26, 5, 46], [43, 23, 50], [58, 38, 66], [65, 122, 113], [105, 147, 133]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #1A052E, #2B1732, #3A2642, #417A71, #699385 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: #1a052e; --color-2: #2b1732; --color-3: #3a2642; --color-4: #417a71; --color-5: #699385. 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