#45426E + #576091 + #5F7AA7 + #81A7BF + #91C5CD · space - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#45426E

Deep Indigo · DarkSlateBlue · Prussian Blue

HEX

#45426E

RGB

rgb(69, 66, 110)

HSL

hsl(244, 25%, 35%)

HSB

hsb(244, 40%, 43%)

CMYK

cmyk(37%, 40%, 0%, 57%)

Oklch

oklch(40.3% 0.073 285.7)

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

#576091

Indigo · DarkSlateBlue · Navy Blue

HEX

#576091

RGB

rgb(87, 96, 145)

HSL

hsl(231, 25%, 45%)

HSB

hsb(231, 40%, 57%)

CMYK

cmyk(40%, 34%, 0%, 43%)

Oklch

oklch(50.3% 0.079 275.3)

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

#5F7AA7

Azure · SlateGray · Navy Blue

HEX

#5F7AA7

RGB

rgb(95, 122, 167)

HSL

hsl(218, 29%, 51%)

HSB

hsb(218, 43%, 65%)

CMYK

cmyk(43%, 27%, 0%, 35%)

Oklch

oklch(57.7% 0.077 260.4)

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

#81A7BF

Sky Blue · DarkGray · Cobalt Blue

HEX

#81A7BF

RGB

rgb(129, 167, 191)

HSL

hsl(203, 33%, 63%)

HSB

hsb(203, 32%, 75%)

CMYK

cmyk(32%, 13%, 0%, 25%)

Oklch

oklch(70.9% 0.054 236.3)

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

#91C5CD

Sky Blue · SkyBlue · Lake Green

HEX

#91C5CD

RGB

rgb(145, 197, 205)

HSL

hsl(188, 38%, 69%)

HSB

hsb(188, 29%, 80%)

CMYK

cmyk(29%, 4%, 0%, 20%)

Oklch

oklch(79.0% 0.055 207.9)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

45426E

6D7043

Analogous

435670

45426E

5C4370

Triadic

45426E

704643

437046

Split-Comp.

45426E

705C43

567043

Tetradic

45426E

704356

6D7043

43705C

Contrast Matrix WCAG 2.1 Contrast

45426E	576091	5F7AA7	81A7BF	91C5CD
—	1.5 Fail	2.1 Fail	3.6 AA Large	4.9 AA
1.5 Fail	—	1.4 Fail	2.4 Fail	3.2 AA Large
2.1 Fail	1.4 Fail	—	1.7 Fail	2.3 Fail
3.6 AA Large	2.4 Fail	1.7 Fail	—	1.3 Fail
4.9 AA	3.2 AA Large	2.3 Fail	1.3 Fail	—

White BG

9.3AAA

6.0AA

4.3AA Large

2.6Fail

1.9Fail

Black BG

2.3Fail

3.5AA Large

4.8AA

8.2AAA

11.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

444463

5B5B85

6B6B9C

9192B9

A8A8CB

Deuteranopia

444461

5A5A82

69679A

8F8CB8

A5A1CB

Tritanopia

455B59

577C7A

609492

83B5B4

94CAC9

Achromatopsia

484848

636363

777777

9E9E9E

B6B6B6

Shades & Tints Shades & Tints

#45426E

Dark

Light

#576091

Dark

Light

#5F7AA7

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #45426e;
  --color-2: #576091;
  --color-3: #5f7aa7;
  --color-4: #81a7bf;
  --color-5: #91c5cd;
}

SCSS

$color-1: #45426e;
$color-2: #576091;
$color-3: #5f7aa7;
$color-4: #81a7bf;
$color-5: #91c5cd;

TAILWIND

colors: {
  'brand-1': '#45426e',
  'brand-2': '#576091',
  'brand-3': '#5f7aa7',
  'brand-4': '#81a7bf',
  'brand-5': '#91c5cd',
}

RGB Array

[69, 66, 110], [87, 96, 145], [95, 122, 167], [129, 167, 191], [145, 197, 205]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #45426E, #576091, #5F7AA7, #81A7BF, #91C5CD 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: #45426e; --color-2: #576091; --color-3: #5f7aa7; --color-4: #81a7bf; --color-5: #91c5cd. 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 space-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