← Back to Editor

#D7EDE5 · #91B1E4 · #6189BD · #224778 · #1B2B40

dark

A 5-color dark 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

#D7EDE5

Jade · Lavender · Mint Green

HEX
#D7EDE5
RGB
rgb(215, 237, 229)
HSL
hsl(158, 38%, 89%)
HSB
hsb(158, 9%, 93%)
CMYK
cmyk(9%, 0%, 3%, 7%)
Oklch
oklch(92.8% 0.026 171.9)

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

#91B1E4

Azure · SkyBlue · Cobalt Blue

HEX
#91B1E4
RGB
rgb(145, 177, 228)
HSL
hsl(217, 61%, 73%)
HSB
hsb(217, 36%, 89%)
CMYK
cmyk(36%, 22%, 0%, 11%)
Oklch
oklch(75.5% 0.082 259.6)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

#6189BD

Azure · SteelBlue · Navy Blue

HEX
#6189BD
RGB
rgb(97, 137, 189)
HSL
hsl(214, 41%, 56%)
HSB
hsb(214, 49%, 74%)
CMYK
cmyk(49%, 28%, 0%, 26%)
Oklch
oklch(62.2% 0.091 255.3)

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

#224778

Indigo · DarkSlateBlue · Prussian Blue

HEX
#224778
RGB
rgb(34, 71, 120)
HSL
hsl(214, 56%, 30%)
HSB
hsb(214, 72%, 47%)
CMYK
cmyk(72%, 41%, 0%, 53%)
Oklch
oklch(39.7% 0.093 256.3)

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

#1B2B40

Indigo · DarkSlateGray · Deep Sea Blue

HEX
#1B2B40
RGB
rgb(27, 43, 64)
HSL
hsl(214, 41%, 18%)
HSB
hsb(214, 58%, 25%)
CMYK
cmyk(58%, 33%, 0%, 75%)
Oklch
oklch(28.6% 0.044 255.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D7EDE5
EED8E0

Analogous

D8EEDB
D7EDE5
D8EBEE

Triadic

D7EDE5
E6D8EE
EEE6D8

Split-Comp.

D7EDE5
EED8EB
EEDBD8

Tetradic

D7EDE5
DBD8EE
EED8E0
EBEED8

Contrast Matrix WCAG 2.1 Contrast

D7EDE5
91B1E4
6189BD
224778
1B2B40
—
1.8
Fail
2.9
Fail
7.6
AAA
11.7
AAA
1.8
Fail
—
1.7
Fail
4.3
AA Large
6.6
AA
2.9
Fail
1.7
Fail
—
2.6
Fail
4.0
AA Large
7.6
AAA
4.3
AA Large
2.6
Fail
—
1.5
Fail
11.7
AAA
6.6
AA
4.0
AA Large
1.5
Fail
—
White BG
1.2Fail
2.2Fail
3.6AA Large
9.4AAA
14.3AAA
Black BG
17.1AAA
9.6AAA
5.8AA
2.2Fail
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E1E1E7
9F9FD8
7273B0
32326C
22223B

Deuteranopia

DFDEE7
9D9BD5
706DAD
302D69
21203A

Tritanopia

D8E8E9
93CECC
63A6A4
246361
1C3736

Achromatopsia

E6E6E6
ADADAD
838383
424242
292929

Shades & Tints Shades & Tints

#D7EDE5

Dark
Light

#91B1E4

Dark
Light

#6189BD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d7ede5;
  --color-2: #91b1e4;
  --color-3: #6189bd;
  --color-4: #224778;
  --color-5: #1b2b40;
}

SCSS

$color-1: #d7ede5;
$color-2: #91b1e4;
$color-3: #6189bd;
$color-4: #224778;
$color-5: #1b2b40;

TAILWIND

colors: {
  'brand-1': '#d7ede5',
  'brand-2': '#91b1e4',
  'brand-3': '#6189bd',
  'brand-4': '#224778',
  'brand-5': '#1b2b40',
}

RGB Array

[215, 237, 229], [145, 177, 228], [97, 137, 189], [34, 71, 120], [27, 43, 64]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #D7EDE5, #91B1E4, #6189BD, #224778, #1B2B40 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: #d7ede5; --color-2: #91b1e4; --color-3: #6189bd; --color-4: #224778; --color-5: #1b2b40. 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 dark-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