← Back to Editor

#91ADB8 · #8266A3 · #665869 · #8A555B · #D84744

space

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#91ADB8

Sky Blue · DarkGray · Lake Green

HEX
#91ADB8
RGB
rgb(145, 173, 184)
HSL
hsl(197, 22%, 65%)
HSB
hsb(197, 21%, 72%)
CMYK
cmyk(21%, 6%, 0%, 28%)
Oklch
oklch(73.0% 0.035 223.6)

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

#8266A3

Deep Indigo · SlateGray · Violet

HEX
#8266A3
RGB
rgb(130, 102, 163)
HSL
hsl(268, 25%, 52%)
HSB
hsb(268, 37%, 64%)
CMYK
cmyk(20%, 37%, 0%, 36%)
Oklch
oklch(56.2% 0.097 304.6)

Traditional「Deep Indigo」· Paint「Violet」· Creative Blush Sunrise

#665869

Dark Plum · DimGray · Charcoal

HEX
#665869
RGB
rgb(102, 88, 105)
HSL
hsl(289, 9%, 38%)
HSB
hsb(289, 16%, 41%)
CMYK
cmyk(3%, 16%, 0%, 59%)
Oklch
oklch(48.0% 0.032 320.3)

Traditional「Dark Plum」· Paint「Charcoal」· Creative Midnight Shadow

#8A555B

Crimson · DimGray · Passion Red

HEX
#8A555B
RGB
rgb(138, 85, 91)
HSL
hsl(353, 24%, 44%)
HSB
hsb(353, 38%, 54%)
CMYK
cmyk(0%, 38%, 34%, 46%)
Oklch
oklch(51.1% 0.071 12.5)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#D84744

Vermilion · Tomato · Passion Red

HEX
#D84744
RGB
rgb(216, 71, 68)
HSL
hsl(1, 65%, 56%)
HSB
hsb(1, 69%, 85%)
CMYK
cmyk(0%, 67%, 69%, 15%)
Oklch
oklch(60.2% 0.182 25.5)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

91ADB8
B99D92

Analogous

92B9B1
91ADB8
929BB9

Triadic

91ADB8
B992AE
AEB992

Split-Comp.

91ADB8
B9929B
B9B192

Tetradic

91ADB8
B192B9
B99D92
9BB992

Contrast Matrix WCAG 2.1 Contrast

91ADB8
8266A3
665869
8A555B
D84744
—
2.0
Fail
2.8
Fail
2.5
Fail
1.8
Fail
2.0
Fail
—
1.4
Fail
1.2
Fail
1.1
Fail
2.8
Fail
1.4
Fail
—
1.1
Fail
1.5
Fail
2.5
Fail
1.2
Fail
1.1
Fail
—
1.4
Fail
1.8
Fail
1.1
Fail
1.5
Fail
1.4
Fail
—
White BG
2.4Fail
4.8AA
6.6AA
5.9AA
4.3AA Large
Black BG
8.9AAA
4.4AA Large
3.2AA Large
3.5AA Large
4.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9D9DB5
767694
606065
73735A
999845

Deuteranopia

9C99B5
787A91
616264
767A59
A2AD45

Tritanopia

92B3B3
818986
656261
875858
D14545

Achromatopsia

A6A6A6
757575
5E5E5E
666666
727272

Shades & Tints Shades & Tints

#91ADB8

Dark
Light

#8266A3

Dark
Light

#665869

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #91adb8;
  --color-2: #8266a3;
  --color-3: #665869;
  --color-4: #8a555b;
  --color-5: #d84744;
}

SCSS

$color-1: #91adb8;
$color-2: #8266a3;
$color-3: #665869;
$color-4: #8a555b;
$color-5: #d84744;

TAILWIND

colors: {
  'brand-1': '#91adb8',
  'brand-2': '#8266a3',
  'brand-3': '#665869',
  'brand-4': '#8a555b',
  'brand-5': '#d84744',
}

RGB Array

[145, 173, 184], [130, 102, 163], [102, 88, 105], [138, 85, 91], [216, 71, 68]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #91ADB8, #8266A3, #665869, #8A555B, #D84744 is ideal for: brand design, premium product pages, magazine layouts. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #91adb8; --color-2: #8266a3; --color-3: #665869; --color-4: #8a555b; --color-5: #d84744. 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. Restrained colors convey professionalism and trust. 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