← Back to Editor

#A0C3C6 · #80BEC8 · #9EADC2 · #B898B0 · #C69FAE

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

WorkspaceReading

Color Details Color Details

#A0C3C6

Sky Blue · LightSteelBlue · Lake Green

HEX
#A0C3C6
RGB
rgb(160, 195, 198)
HSL
hsl(185, 25%, 70%)
HSB
hsb(185, 19%, 78%)
CMYK
cmyk(19%, 2%, 0%, 22%)
Oklch
oklch(79.3% 0.038 202.8)

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

#80BEC8

Sky Blue · SkyBlue · Lake Green

HEX
#80BEC8
RGB
rgb(128, 190, 200)
HSL
hsl(188, 40%, 64%)
HSB
hsb(188, 36%, 78%)
CMYK
cmyk(36%, 5%, 0%, 22%)
Oklch
oklch(76.3% 0.065 208.6)

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

#9EADC2

Azure · DarkGray · Cobalt Blue

HEX
#9EADC2
RGB
rgb(158, 173, 194)
HSL
hsl(215, 23%, 69%)
HSB
hsb(215, 19%, 76%)
CMYK
cmyk(19%, 11%, 0%, 24%)
Oklch
oklch(74.3% 0.035 256.8)

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

#B898B0

Mauve · DarkGray · Lilac Purple

HEX
#B898B0
RGB
rgb(184, 152, 176)
HSL
hsl(315, 18%, 66%)
HSB
hsb(315, 17%, 72%)
CMYK
cmyk(0%, 17%, 4%, 28%)
Oklch
oklch(71.6% 0.050 335.0)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#C69FAE

Rouge · DarkGray · Rose Pink

HEX
#C69FAE
RGB
rgb(198, 159, 174)
HSL
hsl(337, 25%, 70%)
HSB
hsb(337, 20%, 78%)
CMYK
cmyk(0%, 20%, 12%, 22%)
Oklch
oklch(74.2% 0.050 353.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A0C3C6
C6A39F

Analogous

9FC6B6
A0C3C6
9FAFC6

Triadic

A0C3C6
C69FC2
C2C69F

Split-Comp.

A0C3C6
C69FAF
C6B69F

Tetradic

A0C3C6
B69FC6
C6A39F
AFC69F

Contrast Matrix WCAG 2.1 Contrast

A0C3C6
80BEC8
9EADC2
B898B0
C69FAE
—
1.1
Fail
1.2
Fail
1.4
Fail
1.2
Fail
1.1
Fail
—
1.1
Fail
1.2
Fail
1.1
Fail
1.2
Fail
1.1
Fail
—
1.1
Fail
1.0
Fail
1.4
Fail
1.2
Fail
1.1
Fail
—
1.1
Fail
1.2
Fail
1.1
Fail
1.0
Fail
1.1
Fail
—
White BG
1.9Fail
2.1Fail
2.3Fail
2.6Fail
2.3Fail
Black BG
11.1AAA
10.1AAA
9.2AAA
8.2AAA
9.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

AFAFC5
9B9BC6
A4A5BD
AAAAAA
B5B5AA

Deuteranopia

ADABC5
9793C5
A4A3BC
ACAEA9
B7BAAA

Tritanopia

A2C5C5
83C4C3
9FB9B8
B6A6A5
C4A8A7

Achromatopsia

B9B9B9
ADADAD
ABABAB
A4A4A4
ACACAC

Shades & Tints Shades & Tints

#A0C3C6

Dark
Light

#80BEC8

Dark
Light

#9EADC2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a0c3c6;
  --color-2: #80bec8;
  --color-3: #9eadc2;
  --color-4: #b898b0;
  --color-5: #c69fae;
}

SCSS

$color-1: #a0c3c6;
$color-2: #80bec8;
$color-3: #9eadc2;
$color-4: #b898b0;
$color-5: #c69fae;

TAILWIND

colors: {
  'brand-1': '#a0c3c6',
  'brand-2': '#80bec8',
  'brand-3': '#9eadc2',
  'brand-4': '#b898b0',
  'brand-5': '#c69fae',
}

RGB Array

[160, 195, 198], [128, 190, 200], [158, 173, 194], [184, 152, 176], [198, 159, 174]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A0C3C6, #80BEC8, #9EADC2, #B898B0, #C69FAE 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: #a0c3c6; --color-2: #80bec8; --color-3: #9eadc2; --color-4: #b898b0; --color-5: #c69fae. 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