← Back to Editor

#BAE7CA · #A7DECB · #94D6CA · #8AD1CB · #79C9CA

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

#BAE7CA

Celadon · LightGray · Mint Green

HEX
#BAE7CA
RGB
rgb(186, 231, 202)
HSL
hsl(141, 48%, 82%)
HSB
hsb(141, 19%, 91%)
CMYK
cmyk(19%, 0%, 13%, 9%)
Oklch
oklch(88.8% 0.061 156.7)

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

#A7DECB

Jade · LightBlue · Apple Green

HEX
#A7DECB
RGB
rgb(167, 222, 203)
HSL
hsl(159, 45%, 76%)
HSB
hsb(159, 25%, 87%)
CMYK
cmyk(25%, 0%, 9%, 13%)
Oklch
oklch(85.7% 0.062 171.5)

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

#94D6CA

Jade · SkyBlue · Lake Green

HEX
#94D6CA
RGB
rgb(148, 214, 202)
HSL
hsl(169, 45%, 71%)
HSB
hsb(169, 31%, 84%)
CMYK
cmyk(31%, 0%, 6%, 16%)
Oklch
oklch(82.8% 0.069 182.0)

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

#8AD1CB

Jade · SkyBlue · Lake Green

HEX
#8AD1CB
RGB
rgb(138, 209, 203)
HSL
hsl(175, 44%, 68%)
HSB
hsb(175, 34%, 82%)
CMYK
cmyk(34%, 0%, 3%, 18%)
Oklch
oklch(81.2% 0.072 189.1)

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

#79C9CA

Sky Blue · SkyBlue · Lake Green

HEX
#79C9CA
RGB
rgb(121, 201, 202)
HSL
hsl(181, 43%, 63%)
HSB
hsb(181, 40%, 79%)
CMYK
cmyk(40%, 0%, 0%, 21%)
Oklch
oklch(78.5% 0.079 196.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BAE7CA
E7BBD8

Analogous

C2E7BB
BAE7CA
BBE7E1

Triadic

BAE7CA
CABBE7
E7CABB

Split-Comp.

BAE7CA
E1BBE7
E7BBC2

Tetradic

BAE7CA
BBC2E7
E7BBD8
E7E1BB

Contrast Matrix WCAG 2.1 Contrast

BAE7CA
A7DECB
94D6CA
8AD1CB
79C9CA
—
1.1
Fail
1.2
Fail
1.3
Fail
1.4
Fail
1.1
Fail
—
1.1
Fail
1.2
Fail
1.3
Fail
1.2
Fail
1.1
Fail
—
1.1
Fail
1.2
Fail
1.3
Fail
1.2
Fail
1.1
Fail
—
1.1
Fail
1.4
Fail
1.3
Fail
1.2
Fail
1.1
Fail
—
White BG
1.4Fail
1.5Fail
1.6Fail
1.7Fail
1.9Fail
Black BG
15.4AAA
14.0AAA
12.7AAA
12.1AAA
11.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CDCED1
BFBFD0
B1B1CD
A9A9CC
9C9CCA

Deuteranopia

CBC8D3
BCB8D1
ADA8CE
A59FCD
9791CA

Tritanopia

BCD7D8
AAD3D4
97CFD0
8ECECE
7DCACA

Achromatopsia

D6D6D6
CBCBCB
C1C1C1
BBBBBB
B1B1B1

Shades & Tints Shades & Tints

#BAE7CA

Dark
Light

#A7DECB

Dark
Light

#94D6CA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bae7ca;
  --color-2: #a7decb;
  --color-3: #94d6ca;
  --color-4: #8ad1cb;
  --color-5: #79c9ca;
}

SCSS

$color-1: #bae7ca;
$color-2: #a7decb;
$color-3: #94d6ca;
$color-4: #8ad1cb;
$color-5: #79c9ca;

TAILWIND

colors: {
  'brand-1': '#bae7ca',
  'brand-2': '#a7decb',
  'brand-3': '#94d6ca',
  'brand-4': '#8ad1cb',
  'brand-5': '#79c9ca',
}

RGB Array

[186, 231, 202], [167, 222, 203], [148, 214, 202], [138, 209, 203], [121, 201, 202]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BAE7CA, #A7DECB, #94D6CA, #8AD1CB, #79C9CA is ideal for: health products, baby brands, fresh-style blogs. 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: #bae7ca; --color-2: #a7decb; --color-3: #94d6ca; --color-4: #8ad1cb; --color-5: #79c9ca. 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 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