#35294E + #3B4873 + #1E7C94 + #03A6A0 + #91A39C · dark - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#35294E

Deep Indigo · DarkSlateGray · Prussian Blue

HEX

#35294E

RGB

rgb(53, 41, 78)

HSL

hsl(259, 31%, 23%)

HSB

hsb(259, 47%, 31%)

CMYK

cmyk(32%, 47%, 0%, 69%)

Oklch

oklch(31.3% 0.066 297.4)

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

#3B4873

Indigo · DarkSlateBlue · Prussian Blue

HEX

#3B4873

RGB

rgb(59, 72, 115)

HSL

hsl(226, 32%, 34%)

HSB

hsb(226, 49%, 45%)

CMYK

cmyk(49%, 37%, 0%, 55%)

Oklch

oklch(41.1% 0.074 270.1)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#1E7C94

Lake Blue · Teal · Mint Ice

HEX

#1E7C94

RGB

rgb(30, 124, 148)

HSL

hsl(192, 66%, 35%)

HSB

hsb(192, 80%, 58%)

CMYK

cmyk(80%, 16%, 0%, 42%)

Oklch

oklch(54.5% 0.090 219.6)

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

#03A6A0

Mineral Blue · LightSeaGreen · Mint Ice

HEX

#03A6A0

RGB

rgb(3, 166, 160)

HSL

hsl(178, 96%, 33%)

HSB

hsb(178, 98%, 65%)

CMYK

cmyk(98%, 0%, 4%, 35%)

Oklch

oklch(65.5% 0.113 190.2)

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

#91A39C

Mineral Blue · DarkGray · Silver Sand

HEX

#91A39C

RGB

rgb(145, 163, 156)

HSL

hsl(157, 9%, 60%)

HSB

hsb(157, 11%, 64%)

CMYK

cmyk(11%, 0%, 4%, 36%)

Oklch

oklch(69.9% 0.023 170.3)

Traditional「Mineral Blue」· Paint「Silver Sand」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

35294E

414D28

Analogous

282F4D

35294E

46284D

Triadic

35294E

4D3428

284D34

Split-Comp.

35294E

4D4628

2F4D28

Tetradic

35294E

4D282F

414D28

284D46

Contrast Matrix WCAG 2.1 Contrast

35294E	3B4873	1E7C94	03A6A0	91A39C
—	1.5 Fail	2.8 Fail	4.4 AA Large	5.0 AA
1.5 Fail	—	1.8 Fail	3.0 Fail	3.4 AA Large
2.8 Fail	1.8 Fail	—	1.6 Fail	1.8 Fail
4.4 AA Large	3.0 Fail	1.6 Fail	—	1.1 Fail
5.0 AA	3.4 AA Large	1.8 Fail	1.1 Fail	—

White BG

13.3AAA

8.9AAA

4.8AA

3.0AA Large

2.7Fail

Black BG

1.6Fail

2.4Fail

4.4AA Large

7.0AA

7.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

303045

414169

47488E

4A4BA1

99999E

Deuteranopia

313143

403F66

413A8D

4034A2

98969E

Tritanopia

343E3C

3C605F

238A89

0BA3A3

929F9F

Achromatopsia

313131

494949

636363

757575

9D9D9D

Shades & Tints Shades & Tints

#35294E

Dark

Light

#3B4873

Dark

Light

#1E7C94

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #35294e;
  --color-2: #3b4873;
  --color-3: #1e7c94;
  --color-4: #03a6a0;
  --color-5: #91a39c;
}

SCSS

$color-1: #35294e;
$color-2: #3b4873;
$color-3: #1e7c94;
$color-4: #03a6a0;
$color-5: #91a39c;

TAILWIND

colors: {
  'brand-1': '#35294e',
  'brand-2': '#3b4873',
  'brand-3': '#1e7c94',
  'brand-4': '#03a6a0',
  'brand-5': '#91a39c',
}

RGB Array

[53, 41, 78], [59, 72, 115], [30, 124, 148], [3, 166, 160], [145, 163, 156]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #35294E, #3B4873, #1E7C94, #03A6A0, #91A39C 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: #35294e; --color-2: #3b4873; --color-3: #1e7c94; --color-4: #03a6a0; --color-5: #91a39c. 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 dark-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