#3D075C + #3E3466 + #344B72 + #2D647E + #087A85 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#3D075C

Royal Purple · MidnightBlue · Dark Purple

HEX

#3D075C

RGB

rgb(61, 7, 92)

HSL

hsl(278, 86%, 19%)

HSB

hsb(278, 92%, 36%)

CMYK

cmyk(34%, 92%, 0%, 64%)

Oklch

oklch(28.6% 0.136 308.1)

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

#3E3466

Deep Indigo · DarkSlateGray · Prussian Blue

HEX

#3E3466

RGB

rgb(62, 52, 102)

HSL

hsl(252, 32%, 30%)

HSB

hsb(252, 49%, 40%)

CMYK

cmyk(39%, 49%, 0%, 60%)

Oklch

oklch(36.1% 0.084 290.7)

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

#344B72

Indigo · DarkSlateBlue · Prussian Blue

HEX

#344B72

RGB

rgb(52, 75, 114)

HSL

hsl(218, 37%, 33%)

HSB

hsb(218, 54%, 45%)

CMYK

cmyk(54%, 34%, 0%, 55%)

Oklch

oklch(41.3% 0.072 260.5)

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

#2D647E

Slate Blue · DarkSlateBlue · Mint Ice

HEX

#2D647E

RGB

rgb(45, 100, 126)

HSL

hsl(199, 47%, 34%)

HSB

hsb(199, 64%, 49%)

CMYK

cmyk(64%, 21%, 0%, 51%)

Oklch

oklch(47.8% 0.071 231.4)

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

#087A85

Lake Blue · Teal · Mint Ice

HEX

#087A85

RGB

rgb(8, 122, 133)

HSL

hsl(185, 89%, 28%)

HSB

hsb(185, 94%, 52%)

CMYK

cmyk(94%, 8%, 0%, 48%)

Oklch

oklch(53.0% 0.089 206.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

3D075C

255A07

Analogous

12075A

3D075C

5A074F

Triadic

3D075C

5A3C07

075A3C

Split-Comp.

3D075C

4F5A07

075A12

Tetradic

3D075C

5A1207

255A07

074F5A

Contrast Matrix WCAG 2.1 Contrast

3D075C	3E3466	344B72	2D647E	087A85
—	1.4 Fail	1.7 Fail	2.3 Fail	3.0 Fail
1.4 Fail	—	1.3 Fail	1.7 Fail	2.2 Fail
1.7 Fail	1.3 Fail	—	1.4 Fail	1.7 Fail
2.3 Fail	1.7 Fail	1.4 Fail	—	1.3 Fail
3.0 Fail	2.2 Fail	1.7 Fail	1.3 Fail	—

White BG

15.2AAA

11.1AAA

8.8AAA

6.5AA

5.1AA

Black BG

1.4Fail

1.9Fail

2.4Fail

3.2AA Large

4.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

262547

3A3A5A

3E3E69

454578

393A82

Deuteranopia

292D42

3A3B57

3D3B66

423E76

332A82

Tritanopia

3A3734

3E504E

35615F

307372

0E8080

Achromatopsia

212121

3D3D3D

494949

575757

595959

Shades & Tints Shades & Tints

#3D075C

Dark

Light

#3E3466

Dark

Light

#344B72

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #3d075c;
  --color-2: #3e3466;
  --color-3: #344b72;
  --color-4: #2d647e;
  --color-5: #087a85;
}

SCSS

$color-1: #3d075c;
$color-2: #3e3466;
$color-3: #344b72;
$color-4: #2d647e;
$color-5: #087a85;

TAILWIND

colors: {
  'brand-1': '#3d075c',
  'brand-2': '#3e3466',
  'brand-3': '#344b72',
  'brand-4': '#2d647e',
  'brand-5': '#087a85',
}

RGB Array

[61, 7, 92], [62, 52, 102], [52, 75, 114], [45, 100, 126], [8, 122, 133]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #3D075C, #3E3466, #344B72, #2D647E, #087A85 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: #3d075c; --color-2: #3e3466; --color-3: #344b72; --color-4: #2d647e; --color-5: #087a85. 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