← Back to Editor

#AABFC0 · #D6E2E2 · #EFADAE · #FFFFFD · #6D7373

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#AABFC0

Sky Blue · Silver · Lake Green

HEX
#AABFC0
RGB
rgb(170, 191, 192)
HSL
hsl(183, 15%, 71%)
HSB
hsb(183, 11%, 75%)
CMYK
cmyk(11%, 1%, 0%, 25%)
Oklch
oklch(78.9% 0.023 200.2)

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

#D6E2E2

Sky Blue · LightGray · Glacier Blue

HEX
#D6E2E2
RGB
rgb(214, 226, 226)
HSL
hsl(180, 17%, 86%)
HSB
hsb(180, 5%, 89%)
CMYK
cmyk(5%, 0%, 0%, 11%)
Oklch
oklch(90.4% 0.013 196.9)

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

#EFADAE

Peach Pink · LightPink · Cherry Blossom

HEX
#EFADAE
RGB
rgb(239, 173, 174)
HSL
hsl(359, 67%, 81%)
HSB
hsb(359, 28%, 94%)
CMYK
cmyk(0%, 28%, 27%, 6%)
Oklch
oklch(81.0% 0.078 17.9)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#FFFFFD

Fresh Green · White · Lemon Cream

HEX
#FFFFFD
RGB
rgb(255, 255, 253)
HSL
hsl(60, 100%, 100%)
HSB
hsb(60, 1%, 100%)
CMYK
cmyk(0%, 0%, 1%, 0%)
Oklch
oklch(99.9% 0.003 106.4)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#6D7373

Ink Gray · DimGray · Warm Gray

HEX
#6D7373
RGB
rgb(109, 115, 115)
HSL
hsl(180, 3%, 44%)
HSB
hsb(180, 5%, 45%)
CMYK
cmyk(5%, 0%, 0%, 55%)
Oklch
oklch(55.0% 0.007 196.9)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AABFC0
C0ABAA

Analogous

AAC0B6
AABFC0
AAB4C0

Triadic

AABFC0
C0AABF
BFC0AA

Split-Comp.

AABFC0
C0AAB4
C0B6AA

Tetradic

AABFC0
B6AAC0
C0ABAA
B4C0AA

Contrast Matrix WCAG 2.1 Contrast

AABFC0
D6E2E2
EFADAE
FFFFFD
6D7373
—
1.4
Fail
1.0
Fail
1.9
Fail
2.5
Fail
1.4
Fail
—
1.4
Fail
1.3
Fail
3.6
AA Large
1.0
Fail
1.4
Fail
—
1.9
Fail
2.6
Fail
1.9
Fail
1.3
Fail
1.9
Fail
—
4.8
AA
2.5
Fail
3.6
AA Large
2.6
Fail
4.8
AA
—
White BG
1.9Fail
1.3Fail
1.9Fail
1.0Fail
4.8AA
Black BG
10.9AAA
15.8AAA
11.3AAA
21.0AAA
4.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

B3B3C0
DBDBE2
D2D2AE
FFFFFD
707073

Deuteranopia

B2B0C0
DBDAE2
D6DBAE
FFFFFE
6F6F73

Tritanopia

ABC0C0
D7E2E2
ECAEAE
FFFEFE
6D7373

Achromatopsia

B9B9B9
DEDEDE
C1C1C1
FFFFFF
717171

Shades & Tints Shades & Tints

#AABFC0

Dark
Light

#D6E2E2

Dark
Light

#EFADAE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #aabfc0;
  --color-2: #d6e2e2;
  --color-3: #efadae;
  --color-4: #fffffd;
  --color-5: #6d7373;
}

SCSS

$color-1: #aabfc0;
$color-2: #d6e2e2;
$color-3: #efadae;
$color-4: #fffffd;
$color-5: #6d7373;

TAILWIND

colors: {
  'brand-1': '#aabfc0',
  'brand-2': '#d6e2e2',
  'brand-3': '#efadae',
  'brand-4': '#fffffd',
  'brand-5': '#6d7373',
}

RGB Array

[170, 191, 192], [214, 226, 226], [239, 173, 174], [255, 255, 253], [109, 115, 115]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #AABFC0, #D6E2E2, #EFADAE, #FFFFFD, #6D7373 is ideal for: health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #aabfc0; --color-2: #d6e2e2; --color-3: #efadae; --color-4: #fffffd; --color-5: #6d7373. 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. 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. 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