← Back to Editor

#A0D9C3 · #68A3AC · #415587 · #342463 · #411540

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

#A0D9C3

Jade · LightBlue · Apple Green

HEX
#A0D9C3
RGB
rgb(160, 217, 195)
HSL
hsl(157, 43%, 74%)
HSB
hsb(157, 26%, 85%)
CMYK
cmyk(26%, 0%, 10%, 15%)
Oklch
oklch(84.0% 0.066 168.9)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#68A3AC

Slate Blue · CadetBlue · Lake Green

HEX
#68A3AC
RGB
rgb(104, 163, 172)
HSL
hsl(188, 29%, 54%)
HSB
hsb(188, 40%, 67%)
CMYK
cmyk(40%, 5%, 0%, 33%)
Oklch
oklch(67.8% 0.063 208.0)

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

#415587

Indigo · DarkSlateBlue · Prussian Blue

HEX
#415587
RGB
rgb(65, 85, 135)
HSL
hsl(223, 35%, 39%)
HSB
hsb(223, 52%, 53%)
CMYK
cmyk(52%, 37%, 0%, 47%)
Oklch
oklch(45.7% 0.086 266.5)

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

#342463

Deep Indigo · MidnightBlue · Prussian Blue

HEX
#342463
RGB
rgb(52, 36, 99)
HSL
hsl(255, 47%, 26%)
HSB
hsb(255, 64%, 39%)
CMYK
cmyk(47%, 64%, 0%, 61%)
Oklch
oklch(31.7% 0.106 290.8)

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

#411540

Rose Purple · DarkSlateGray · Dark Purple

HEX
#411540
RGB
rgb(65, 21, 64)
HSL
hsl(301, 51%, 17%)
HSB
hsb(301, 68%, 25%)
CMYK
cmyk(0%, 68%, 2%, 75%)
Oklch
oklch(28.5% 0.092 328.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A0D9C3
D9A0B6

Analogous

A0D9A7
A0D9C3
A0D3D9

Triadic

A0D9C3
C3A0D9
D9C3A0

Split-Comp.

A0D9C3
D9A0D3
D9A7A0

Tetradic

A0D9C3
A7A0D9
D9A0B6
D3D9A0

Contrast Matrix WCAG 2.1 Contrast

A0D9C3
68A3AC
415587
342463
411540
—
1.8
Fail
4.6
AA
8.4
AAA
9.4
AAA
1.8
Fail
—
2.6
Fail
4.7
AA
5.3
AA
4.6
AA
2.6
Fail
—
1.8
Fail
2.0
Fail
8.4
AAA
4.7
AA
1.8
Fail
—
1.1
Fail
9.4
AAA
5.3
AA
2.0
Fail
1.1
Fail
—
White BG
1.6Fail
2.8Fail
7.3AAA
13.3AAA
14.9AAA
Black BG
13.2AAA
7.4AAA
2.9Fail
1.6Fail
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B9B9C8
8282AA
4A4A7B
2D2D54
2E2E36

Deuteranopia

B5B1CA
7E7AA9
494778
2E2F50
313433

Tritanopia

A3CDCD
6BA8A8
42716F
334845
3F2D2C

Achromatopsia

C5C5C5
929292
555555
303030
272727

Shades & Tints Shades & Tints

#A0D9C3

Dark
Light

#68A3AC

Dark
Light

#415587

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a0d9c3;
  --color-2: #68a3ac;
  --color-3: #415587;
  --color-4: #342463;
  --color-5: #411540;
}

SCSS

$color-1: #a0d9c3;
$color-2: #68a3ac;
$color-3: #415587;
$color-4: #342463;
$color-5: #411540;

TAILWIND

colors: {
  'brand-1': '#a0d9c3',
  'brand-2': '#68a3ac',
  'brand-3': '#415587',
  'brand-4': '#342463',
  'brand-5': '#411540',
}

RGB Array

[160, 217, 195], [104, 163, 172], [65, 85, 135], [52, 36, 99], [65, 21, 64]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A0D9C3, #68A3AC, #415587, #342463, #411540 is ideal for: 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: #a0d9c3; --color-2: #68a3ac; --color-3: #415587; --color-4: #342463; --color-5: #411540. 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. 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