← Back to Editor

#90BAB9 · #BDD2C3 · #AA8C98 · #917790 · #414052

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#90BAB9

Jade · DarkGray · Lake Green

HEX
#90BAB9
RGB
rgb(144, 186, 185)
HSL
hsl(179, 23%, 65%)
HSB
hsb(179, 23%, 73%)
CMYK
cmyk(23%, 0%, 1%, 27%)
Oklch
oklch(75.8% 0.045 194.4)

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

#BDD2C3

Celadon · Silver · Apple Green

HEX
#BDD2C3
RGB
rgb(189, 210, 195)
HSL
hsl(137, 19%, 78%)
HSB
hsb(137, 10%, 82%)
CMYK
cmyk(10%, 0%, 7%, 18%)
Oklch
oklch(84.4% 0.031 154.6)

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

#AA8C98

Rouge · DarkGray · Rose Pink

HEX
#AA8C98
RGB
rgb(170, 140, 152)
HSL
hsl(336, 15%, 61%)
HSB
hsb(336, 18%, 67%)
CMYK
cmyk(0%, 18%, 11%, 33%)
Oklch
oklch(67.1% 0.040 352.2)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#917790

Rose Purple · Gray · Violet

HEX
#917790
RGB
rgb(145, 119, 144)
HSL
hsl(302, 11%, 52%)
HSB
hsb(302, 18%, 57%)
CMYK
cmyk(0%, 18%, 1%, 43%)
Oklch
oklch(60.2% 0.048 327.4)

Traditional「Rose Purple」· Paint「Violet」· Creative Blush Sunrise

#414052

Deep Indigo · DarkSlateGray · Prussian Blue

HEX
#414052
RGB
rgb(65, 64, 82)
HSL
hsl(243, 12%, 29%)
HSB
hsb(243, 22%, 32%)
CMYK
cmyk(21%, 22%, 0%, 68%)
Oklch
oklch(38.0% 0.030 287.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

90BAB9
BA9192

Analogous

91BAA5
90BAB9
91A6BA

Triadic

90BAB9
BA91BA
BABA91

Split-Comp.

90BAB9
BA91A6
BAA591

Tetradic

90BAB9
A591BA
BA9192
A6BA91

Contrast Matrix WCAG 2.1 Contrast

90BAB9
BDD2C3
AA8C98
917790
414052
—
1.3
Fail
1.4
Fail
1.9
Fail
4.8
AA
1.3
Fail
—
1.9
Fail
2.5
Fail
6.3
AA
1.4
Fail
1.9
Fail
—
1.3
Fail
3.3
AA Large
1.9
Fail
2.5
Fail
1.3
Fail
—
2.5
Fail
4.8
AA
6.3
AA
3.3
AA Large
2.5
Fail
—
White BG
2.1Fail
1.6Fail
3.0AA Large
4.0AA Large
10.1AAA
Black BG
9.9AAA
13.2AAA
6.9AA
5.2AA
2.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A2A3B9
C6C6C7
9D9D95
86868A
41414E

Deuteranopia

A09DB9
C5C3C8
9FA194
878989
41414D

Tritanopia

92B9B9
BEC9CA
A99392
908584
414A49

Achromatopsia

ADADAD
CACACA
969696
828282
424242

Shades & Tints Shades & Tints

#90BAB9

Dark
Light

#BDD2C3

Dark
Light

#AA8C98

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #90bab9;
  --color-2: #bdd2c3;
  --color-3: #aa8c98;
  --color-4: #917790;
  --color-5: #414052;
}

SCSS

$color-1: #90bab9;
$color-2: #bdd2c3;
$color-3: #aa8c98;
$color-4: #917790;
$color-5: #414052;

TAILWIND

colors: {
  'brand-1': '#90bab9',
  'brand-2': '#bdd2c3',
  'brand-3': '#aa8c98',
  'brand-4': '#917790',
  'brand-5': '#414052',
}

RGB Array

[144, 186, 185], [189, 210, 195], [170, 140, 152], [145, 119, 144], [65, 64, 82]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #90BAB9, #BDD2C3, #AA8C98, #917790, #414052 is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. 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: #90bab9; --color-2: #bdd2c3; --color-3: #aa8c98; --color-4: #917790; --color-5: #414052. 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. 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