← Back to Editor

#17152E · #283F68 · #659DA4 · #A6CCC3 · #B6F9DB

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#17152E

Deep Indigo · Black · Deep Sea Blue

HEX
#17152E
RGB
rgb(23, 21, 46)
HSL
hsl(245, 37%, 13%)
HSB
hsb(245, 54%, 18%)
CMYK
cmyk(50%, 54%, 0%, 82%)
Oklch
oklch(21.3% 0.048 285.2)

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

#283F68

Indigo · DarkSlateGray · Prussian Blue

HEX
#283F68
RGB
rgb(40, 63, 104)
HSL
hsl(218, 44%, 28%)
HSB
hsb(218, 62%, 41%)
CMYK
cmyk(62%, 39%, 0%, 59%)
Oklch
oklch(37.0% 0.077 261.2)

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

#659DA4

Slate Blue · CadetBlue · Lake Green

HEX
#659DA4
RGB
rgb(101, 157, 164)
HSL
hsl(187, 26%, 52%)
HSB
hsb(187, 38%, 64%)
CMYK
cmyk(38%, 4%, 0%, 36%)
Oklch
oklch(66.0% 0.060 205.8)

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

#A6CCC3

Jade · Silver · Lake Green

HEX
#A6CCC3
RGB
rgb(166, 204, 195)
HSL
hsl(166, 27%, 73%)
HSB
hsb(166, 19%, 80%)
CMYK
cmyk(19%, 0%, 4%, 20%)
Oklch
oklch(81.5% 0.042 179.2)

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

#B6F9DB

Jade · LightBlue · Mint Green

HEX
#B6F9DB
RGB
rgb(182, 249, 219)
HSL
hsl(153, 85%, 85%)
HSB
hsb(153, 27%, 98%)
CMYK
cmyk(27%, 0%, 12%, 2%)
Oklch
oklch(92.9% 0.079 165.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

17152E
2B2D15

Analogous

151F2D
17152E
23152D

Triadic

17152E
2D1715
152D17

Split-Comp.

17152E
2D2315
1F2D15

Tetradic

17152E
2D151F
2B2D15
152D23

Contrast Matrix WCAG 2.1 Contrast

17152E
283F68
659DA4
A6CCC3
B6F9DB
—
1.7
Fail
5.8
AA
10.2
AAA
14.8
AAA
1.7
Fail
—
3.5
AA Large
6.0
AA
8.8
AAA
5.8
AA
3.5
AA Large
—
1.7
Fail
2.5
Fail
10.2
AAA
6.0
AA
1.7
Fail
—
1.5
Fail
14.8
AAA
8.8
AAA
2.5
Fail
1.5
Fail
—
White BG
17.7AAA
10.5AAA
3.0AA Large
1.7Fail
1.2Fail
Black BG
1.2Fail
2.0Fail
6.9AA
12.0AAA
17.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

161628
32325E
7D7EA2
B6B7C5
D3D4E2

Deuteranopia

161626
312F5C
7A76A2
B4B1C6
CFCAE4

Tritanopia

172322
295655
68A1A1
A8C7C7
B9E8E9

Achromatopsia

181818
3D3D3D
8D8D8D
C0C0C0
E2E2E2

Shades & Tints Shades & Tints

#17152E

Dark
Light

#283F68

Dark
Light

#659DA4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #17152e;
  --color-2: #283f68;
  --color-3: #659da4;
  --color-4: #a6ccc3;
  --color-5: #b6f9db;
}

SCSS

$color-1: #17152e;
$color-2: #283f68;
$color-3: #659da4;
$color-4: #a6ccc3;
$color-5: #b6f9db;

TAILWIND

colors: {
  'brand-1': '#17152e',
  'brand-2': '#283f68',
  'brand-3': '#659da4',
  'brand-4': '#a6ccc3',
  'brand-5': '#b6f9db',
}

RGB Array

[23, 21, 46], [40, 63, 104], [101, 157, 164], [166, 204, 195], [182, 249, 219]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #17152E, #283F68, #659DA4, #A6CCC3, #B6F9DB 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: #17152e; --color-2: #283f68; --color-3: #659da4; --color-4: #a6ccc3; --color-5: #b6f9db. 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