← Back to Editor

#C9EFDF · #C9F8DA · #A7EDFC · #E1C0FD · #DAB9CF

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#C9EFDF

Jade · LightGray · Mint Green

HEX
#C9EFDF
RGB
rgb(201, 239, 223)
HSL
hsl(155, 54%, 86%)
HSB
hsb(155, 16%, 94%)
CMYK
cmyk(16%, 0%, 7%, 6%)
Oklch
oklch(92.1% 0.045 168.0)

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

#C9F8DA

Emerald · LightGray · Mint Green

HEX
#C9F8DA
RGB
rgb(201, 248, 218)
HSL
hsl(142, 77%, 88%)
HSB
hsb(142, 19%, 97%)
CMYK
cmyk(19%, 0%, 12%, 3%)
Oklch
oklch(93.8% 0.063 157.0)

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

#A7EDFC

Sky Blue · LightBlue · Glacier Blue

HEX
#A7EDFC
RGB
rgb(167, 237, 252)
HSL
hsl(191, 93%, 82%)
HSB
hsb(191, 34%, 99%)
CMYK
cmyk(34%, 6%, 0%, 1%)
Oklch
oklch(90.5% 0.072 212.5)

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

#E1C0FD

Lilac · Lavender · Lavender

HEX
#E1C0FD
RGB
rgb(225, 192, 253)
HSL
hsl(272, 94%, 87%)
HSB
hsb(272, 24%, 99%)
CMYK
cmyk(11%, 24%, 0%, 1%)
Oklch
oklch(85.6% 0.090 309.1)

Traditional「Lilac」· Paint「Lavender」· Creative Lavender Dream

#DAB9CF

Mauve · LightGray · Cherry Blossom

HEX
#DAB9CF
RGB
rgb(218, 185, 207)
HSL
hsl(320, 31%, 79%)
HSB
hsb(320, 15%, 85%)
CMYK
cmyk(0%, 15%, 5%, 15%)
Oklch
oklch(82.1% 0.048 338.4)

Traditional「Mauve」· Paint「Cherry Blossom」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C9EFDF
EFC8D8

Analogous

C8EFCB
C9EFDF
C8EBEF

Triadic

C9EFDF
DFC8EF
EFDFC8

Split-Comp.

C9EFDF
EFC8EB
EFCBC8

Tetradic

C9EFDF
CBC8EF
EFC8D8
EBEFC8

Contrast Matrix WCAG 2.1 Contrast

C9EFDF
C9F8DA
A7EDFC
E1C0FD
DAB9CF
—
1.1
Fail
1.0
Fail
1.3
Fail
1.4
Fail
1.1
Fail
—
1.1
Fail
1.4
Fail
1.5
Fail
1.0
Fail
1.1
Fail
—
1.2
Fail
1.4
Fail
1.3
Fail
1.4
Fail
1.2
Fail
—
1.1
Fail
1.4
Fail
1.5
Fail
1.4
Fail
1.1
Fail
—
White BG
1.2Fail
1.2Fail
1.3Fail
1.6Fail
1.8Fail
Black BG
16.9AAA
17.9AAA
16.2AAA
13.2AAA
11.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D9DAE3
DDDEE1
C5C6F8
D3D2EE
CCCBCA

Deuteranopia

D7D4E4
DBD7E3
C1BCF7
D5D7EB
CED0C8

Tritanopia

CBE6E7
CBE7E8
ABF6F5
DFE3E0
D8C5C5

Achromatopsia

E2E2E2
E7E7E7
DADADA
D1D1D1
C5C5C5

Shades & Tints Shades & Tints

#C9EFDF

Dark
Light

#C9F8DA

Dark
Light

#A7EDFC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c9efdf;
  --color-2: #c9f8da;
  --color-3: #a7edfc;
  --color-4: #e1c0fd;
  --color-5: #dab9cf;
}

SCSS

$color-1: #c9efdf;
$color-2: #c9f8da;
$color-3: #a7edfc;
$color-4: #e1c0fd;
$color-5: #dab9cf;

TAILWIND

colors: {
  'brand-1': '#c9efdf',
  'brand-2': '#c9f8da',
  'brand-3': '#a7edfc',
  'brand-4': '#e1c0fd',
  'brand-5': '#dab9cf',
}

RGB Array

[201, 239, 223], [201, 248, 218], [167, 237, 252], [225, 192, 253], [218, 185, 207]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C9EFDF, #C9F8DA, #A7EDFC, #E1C0FD, #DAB9CF is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #c9efdf; --color-2: #c9f8da; --color-3: #a7edfc; --color-4: #e1c0fd; --color-5: #dab9cf. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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