#6052A4 + #6072A4 + #6092A4 + #60B2A4 + #60D2A4 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#6052A4

Deep Indigo · DarkSlateBlue · Navy Blue

HEX

#6052A4

RGB

rgb(96, 82, 164)

HSL

hsl(250, 33%, 48%)

HSB

hsb(250, 50%, 64%)

CMYK

cmyk(41%, 50%, 0%, 36%)

Oklch

oklch(49.3% 0.127 288.7)

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

#6072A4

Azure · SlateGray · Navy Blue

HEX

#6072A4

RGB

rgb(96, 114, 164)

HSL

hsl(224, 27%, 51%)

HSB

hsb(224, 41%, 64%)

CMYK

cmyk(41%, 30%, 0%, 36%)

Oklch

oklch(55.8% 0.081 268.6)

Traditional「Azure」· Paint「Navy Blue」· Creative Blush Sunrise

#6092A4

Slate Blue · CadetBlue · Lake Green

HEX

#6092A4

RGB

rgb(96, 146, 164)

HSL

hsl(196, 27%, 51%)

HSB

hsb(196, 41%, 64%)

CMYK

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

Oklch

oklch(63.1% 0.060 222.7)

Traditional「Slate Blue」· Paint「Lake Green」· Creative Blush Sunrise

#60B2A4

Mineral Blue · CadetBlue · Lake Green

HEX

#60B2A4

RGB

rgb(96, 178, 164)

HSL

hsl(170, 35%, 54%)

HSB

hsb(170, 46%, 70%)

CMYK

cmyk(46%, 0%, 8%, 30%)

Oklch

oklch(70.7% 0.083 181.4)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#60D2A4

Mineral Blue · MediumAquaMarine · Olive Green

HEX

#60D2A4

RGB

rgb(96, 210, 164)

HSL

hsl(156, 56%, 60%)

HSB

hsb(156, 54%, 82%)

CMYK

cmyk(54%, 0%, 22%, 18%)

Oklch

oklch(78.5% 0.125 164.3)

Traditional「Mineral Blue」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6052A4

95A352

Analogous

526DA3

6052A4

8852A3

Triadic

6052A4

A35F52

52A35F

Split-Comp.

6052A4

A38852

6DA352

Tetradic

6052A4

A3526D

95A352

52A388

Contrast Matrix WCAG 2.1 Contrast

6052A4	6072A4	6092A4	60B2A4	60D2A4
—	1.4 Fail	1.9 Fail	2.6 Fail	3.5 AA Large
1.4 Fail	—	1.4 Fail	1.9 Fail	2.5 Fail
1.9 Fail	1.4 Fail	—	1.4 Fail	1.8 Fail
2.6 Fail	1.9 Fail	1.4 Fail	—	1.3 Fail
3.5 AA Large	2.5 Fail	1.8 Fail	1.3 Fail	—

White BG

6.5AA

4.7AA

3.4AA Large

2.5Fail

1.9Fail

Black BG

3.2AA Large

4.4AA Large

6.1AA

8.4AAA

11.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5A5A90

686898

7676A0

8484A7

9192AF

Deuteranopia

5B5C8B

676595

736F9F

7F79A8

8B82B2

Tritanopia

5F807D

618E8C

629C9B

64AAAB

66B8BA

Achromatopsia

606060

727272

858585

989898

ABABAB

Shades & Tints Shades & Tints

#6052A4

Dark

Light

#6072A4

Dark

Light

#6092A4

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6052a4;
  --color-2: #6072a4;
  --color-3: #6092a4;
  --color-4: #60b2a4;
  --color-5: #60d2a4;
}

SCSS

$color-1: #6052a4;
$color-2: #6072a4;
$color-3: #6092a4;
$color-4: #60b2a4;
$color-5: #60d2a4;

TAILWIND

colors: {
  'brand-1': '#6052a4',
  'brand-2': '#6072a4',
  'brand-3': '#6092a4',
  'brand-4': '#60b2a4',
  'brand-5': '#60d2a4',
}

RGB Array

[96, 82, 164], [96, 114, 164], [96, 146, 164], [96, 178, 164], [96, 210, 164]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6052A4, #6072A4, #6092A4, #60B2A4, #60D2A4 is ideal for: corporate websites, product showcases, portfolios. 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: #6052a4; --color-2: #6072a4; --color-3: #6092a4; --color-4: #60b2a4; --color-5: #60d2a4. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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