← Back to Editor

#AAF1ED · #A5D0CD · #9FAEAD · #9A8D8D · #925B5D

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 Library

Color Details Color Details

#AAF1ED

Jade · LightBlue · Glacier Blue

HEX
#AAF1ED
RGB
rgb(170, 241, 237)
HSL
hsl(177, 72%, 81%)
HSB
hsb(177, 29%, 95%)
CMYK
cmyk(29%, 0%, 2%, 5%)
Oklch
oklch(91.0% 0.071 191.6)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#A5D0CD

Jade · LightSteelBlue · Lake Green

HEX
#A5D0CD
RGB
rgb(165, 208, 205)
HSL
hsl(176, 31%, 73%)
HSB
hsb(176, 21%, 82%)
CMYK
cmyk(21%, 0%, 1%, 18%)
Oklch
oklch(82.6% 0.045 191.0)

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

#9FAEAD

Jade · DarkGray · Silver Sand

HEX
#9FAEAD
RGB
rgb(159, 174, 173)
HSL
hsl(176, 8%, 65%)
HSB
hsb(176, 9%, 68%)
CMYK
cmyk(9%, 0%, 1%, 32%)
Oklch
oklch(73.9% 0.017 192.0)

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

#9A8D8D

Ash · Gray · Silver Sand

HEX
#9A8D8D
RGB
rgb(154, 141, 141)
HSL
hsl(0, 6%, 58%)
HSB
hsb(0, 8%, 60%)
CMYK
cmyk(0%, 8%, 8%, 40%)
Oklch
oklch(65.5% 0.016 17.6)

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

#925B5D

Crimson · DimGray · Passion Red

HEX
#925B5D
RGB
rgb(146, 91, 93)
HSL
hsl(358, 23%, 46%)
HSB
hsb(358, 38%, 57%)
CMYK
cmyk(0%, 38%, 36%, 43%)
Oklch
oklch(53.3% 0.073 17.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AAF1ED
F1ACAF

Analogous

ACF1CB
AAF1ED
ACD2F1

Triadic

AAF1ED
EEACF1
F1EEAC

Split-Comp.

AAF1ED
F1ACD2
F1CBAC

Tetradic

AAF1ED
CBACF1
F1ACAF
D2F1AC

Contrast Matrix WCAG 2.1 Contrast

AAF1ED
A5D0CD
9FAEAD
9A8D8D
925B5D
—
1.3
Fail
1.8
Fail
2.5
Fail
4.3
AA Large
1.3
Fail
—
1.4
Fail
1.9
Fail
3.2
AA Large
1.8
Fail
1.4
Fail
—
1.4
Fail
2.4
Fail
2.5
Fail
1.9
Fail
1.4
Fail
—
1.7
Fail
4.3
AA Large
3.2
AA Large
2.4
Fail
1.7
Fail
—
White BG
1.3Fail
1.7Fail
2.3Fail
3.2AA Large
5.4AA
Black BG
16.5AAA
12.5AAA
9.1AAA
6.6AA
3.9AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

C9C9EE
B8B8CE
A5A6AD
94948D
7A7A5D

Deuteranopia

C5BFEE
B5B2CE
A5A4AD
95968D
7D825C

Tritanopia

AEEFEF
A7CECE
A0ADAD
998D8D
8F5C5C

Achromatopsia

DBDBDB
C3C3C3
A9A9A9
919191
6C6C6C

Shades & Tints Shades & Tints

#AAF1ED

Dark
Light

#A5D0CD

Dark
Light

#9FAEAD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #aaf1ed;
  --color-2: #a5d0cd;
  --color-3: #9faead;
  --color-4: #9a8d8d;
  --color-5: #925b5d;
}

SCSS

$color-1: #aaf1ed;
$color-2: #a5d0cd;
$color-3: #9faead;
$color-4: #9a8d8d;
$color-5: #925b5d;

TAILWIND

colors: {
  'brand-1': '#aaf1ed',
  'brand-2': '#a5d0cd',
  'brand-3': '#9faead',
  'brand-4': '#9a8d8d',
  'brand-5': '#925b5d',
}

RGB Array

[170, 241, 237], [165, 208, 205], [159, 174, 173], [154, 141, 141], [146, 91, 93]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #AAF1ED, #A5D0CD, #9FAEAD, #9A8D8D, #925B5D 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: #aaf1ed; --color-2: #a5d0cd; --color-3: #9faead; --color-4: #9a8d8d; --color-5: #925b5d. 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 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