← Back to Editor

#AAB2C0 · #90A2B1 · #9194A1 · #9BB39F · #B5BD9B

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#AAB2C0

Azure · DarkGray · Cobalt Blue

HEX
#AAB2C0
RGB
rgb(170, 178, 192)
HSL
hsl(218, 15%, 71%)
HSB
hsb(218, 11%, 75%)
CMYK
cmyk(11%, 7%, 0%, 25%)
Oklch
oklch(76.2% 0.022 261.8)

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

#90A2B1

Sky Blue · DarkGray · Cobalt Blue

HEX
#90A2B1
RGB
rgb(144, 162, 177)
HSL
hsl(207, 17%, 63%)
HSB
hsb(207, 19%, 69%)
CMYK
cmyk(19%, 8%, 0%, 31%)
Oklch
oklch(70.3% 0.030 243.3)

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

#9194A1

Azure · LightSlateGray · Silver Sand

HEX
#9194A1
RGB
rgb(145, 148, 161)
HSL
hsl(229, 8%, 60%)
HSB
hsb(229, 10%, 63%)
CMYK
cmyk(10%, 8%, 0%, 37%)
Oklch
oklch(66.8% 0.019 275.5)

Traditional「Azure」· Paint「Silver Sand」· Creative Urban Concrete

#9BB39F

Celadon · DarkGray · Apple Green

HEX
#9BB39F
RGB
rgb(155, 179, 159)
HSL
hsl(130, 14%, 65%)
HSB
hsb(130, 13%, 70%)
CMYK
cmyk(13%, 0%, 11%, 30%)
Oklch
oklch(74.3% 0.039 150.1)

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

#B5BD9B

Willow Green · DarkGray · Apple Green

HEX
#B5BD9B
RGB
rgb(181, 189, 155)
HSL
hsl(74, 20%, 67%)
HSB
hsb(74, 18%, 74%)
CMYK
cmyk(4%, 0%, 18%, 26%)
Oklch
oklch(78.3% 0.047 118.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AAB2C0
C0B8AA

Analogous

AABDC0
AAB2C0
ADAAC0

Triadic

AAB2C0
C0AAB2
B2C0AA

Split-Comp.

AAB2C0
C0ADAA
BDC0AA

Tetradic

AAB2C0
C0AABD
C0B8AA
AAC0AD

Contrast Matrix WCAG 2.1 Contrast

AAB2C0
90A2B1
9194A1
9BB39F
B5BD9B
—
1.2
Fail
1.4
Fail
1.1
Fail
1.1
Fail
1.2
Fail
—
1.1
Fail
1.2
Fail
1.3
Fail
1.4
Fail
1.1
Fail
—
1.3
Fail
1.5
Fail
1.1
Fail
1.2
Fail
1.3
Fail
—
1.1
Fail
1.1
Fail
1.3
Fail
1.5
Fail
1.1
Fail
—
White BG
2.1Fail
2.6Fail
3.0AA Large
2.2Fail
2.0Fail
Black BG
9.8AAA
8.0AAA
7.0AA
9.3AAA
10.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ADAEBD
9898AD
92929E
A5A6A4
B8B9A3

Deuteranopia

ADACBC
9795AD
92929D
A4A2A5
B8B7A5

Tritanopia

AABAB9
91ABAA
919B9B
9CA8A9
B5AAAB

Achromatopsia

B1B1B1
9E9E9E
959595
AAAAAA
B7B7B7

Shades & Tints Shades & Tints

#AAB2C0

Dark
Light

#90A2B1

Dark
Light

#9194A1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #aab2c0;
  --color-2: #90a2b1;
  --color-3: #9194a1;
  --color-4: #9bb39f;
  --color-5: #b5bd9b;
}

SCSS

$color-1: #aab2c0;
$color-2: #90a2b1;
$color-3: #9194a1;
$color-4: #9bb39f;
$color-5: #b5bd9b;

TAILWIND

colors: {
  'brand-1': '#aab2c0',
  'brand-2': '#90a2b1',
  'brand-3': '#9194a1',
  'brand-4': '#9bb39f',
  'brand-5': '#b5bd9b',
}

RGB Array

[170, 178, 192], [144, 162, 177], [145, 148, 161], [155, 179, 159], [181, 189, 155]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #AAB2C0, #90A2B1, #9194A1, #9BB39F, #B5BD9B is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. 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: #aab2c0; --color-2: #90a2b1; --color-3: #9194a1; --color-4: #9bb39f; --color-5: #b5bd9b. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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 beauty, lifestyle, arts 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