← Back to Editor

#292035 · #5C6DA9 · #61D1D3 · #A5E2C4 · #E9F1EC

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

#292035

Deep Indigo · DarkSlateGray · Dark Purple

HEX
#292035
RGB
rgb(41, 32, 53)
HSL
hsl(266, 25%, 17%)
HSB
hsb(266, 40%, 21%)
CMYK
cmyk(23%, 40%, 0%, 79%)
Oklch
oklch(26.4% 0.040 303.4)

Traditional「Deep Indigo」· Paint「Dark Purple」· Creative Blush Sunrise

#5C6DA9

Azure · SteelBlue · Navy Blue

HEX
#5C6DA9
RGB
rgb(92, 109, 169)
HSL
hsl(227, 31%, 51%)
HSB
hsb(227, 46%, 66%)
CMYK
cmyk(46%, 36%, 0%, 34%)
Oklch
oklch(54.7% 0.096 270.9)

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

#61D1D3

Lake Blue · MediumTurquoise · Lake Green

HEX
#61D1D3
RGB
rgb(97, 209, 211)
HSL
hsl(181, 56%, 60%)
HSB
hsb(181, 54%, 83%)
CMYK
cmyk(54%, 1%, 0%, 17%)
Oklch
oklch(79.7% 0.102 196.9)

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

#A5E2C4

Jade · LightBlue · Apple Green

HEX
#A5E2C4
RGB
rgb(165, 226, 196)
HSL
hsl(150, 51%, 77%)
HSB
hsb(150, 27%, 89%)
CMYK
cmyk(27%, 0%, 13%, 11%)
Oklch
oklch(86.3% 0.075 163.0)

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

#E9F1EC

Celadon · Lavender · Mint Green

HEX
#E9F1EC
RGB
rgb(233, 241, 236)
HSL
hsl(143, 22%, 93%)
HSB
hsb(143, 3%, 95%)
CMYK
cmyk(3%, 0%, 2%, 5%)
Oklch
oklch(95.1% 0.011 158.8)

Traditional「Celadon」· Paint「Mint Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

292035
2D3621

Analogous

212236
292035
352136

Triadic

292035
362A21
21362A

Split-Comp.

292035
363521
223621

Tetradic

292035
362122
2D3621
213635

Contrast Matrix WCAG 2.1 Contrast

292035
5C6DA9
61D1D3
A5E2C4
E9F1EC
—
3.1
AA Large
8.6
AAA
10.6
AAA
13.5
AAA
3.1
AA Large
—
2.7
Fail
3.4
AA Large
4.3
AA Large
8.6
AAA
2.7
Fail
—
1.2
Fail
1.6
Fail
10.6
AAA
3.4
AA Large
1.2
Fail
—
1.3
Fail
13.5
AAA
4.3
AA Large
1.6
Fail
1.3
Fail
—
White BG
15.5AAA
5.0AA
1.8Fail
1.5Fail
1.2Fail
Black BG
1.4Fail
4.2AA Large
11.6AAA
14.3AAA
18.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

252530
63649A
9193D3
BFC0CB
ECEDED

Deuteranopia

26262F
626197
8B83D2
BCB7CD
ECEBEE

Tritanopia

292C2B
5D8F8D
67D2D2
A8D1D2
E9EEEE

Achromatopsia

252525
6F6F6F
B0B0B0
CCCCCC
EEEEEE

Shades & Tints Shades & Tints

#292035

Dark
Light

#5C6DA9

Dark
Light

#61D1D3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #292035;
  --color-2: #5c6da9;
  --color-3: #61d1d3;
  --color-4: #a5e2c4;
  --color-5: #e9f1ec;
}

SCSS

$color-1: #292035;
$color-2: #5c6da9;
$color-3: #61d1d3;
$color-4: #a5e2c4;
$color-5: #e9f1ec;

TAILWIND

colors: {
  'brand-1': '#292035',
  'brand-2': '#5c6da9',
  'brand-3': '#61d1d3',
  'brand-4': '#a5e2c4',
  'brand-5': '#e9f1ec',
}

RGB Array

[41, 32, 53], [92, 109, 169], [97, 209, 211], [165, 226, 196], [233, 241, 236]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #292035, #5C6DA9, #61D1D3, #A5E2C4, #E9F1EC 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: #292035; --color-2: #5c6da9; --color-3: #61d1d3; --color-4: #a5e2c4; --color-5: #e9f1ec. 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