← Back to Editor

#C3FABB · #9ACDAF · #D3E9A4 · #F1F7AD · #FFFFBC

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamic

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#C3FABB

Emerald · LightGray · Mint Green

HEX
#C3FABB
RGB
rgb(195, 250, 187)
HSL
hsl(112, 86%, 86%)
HSB
hsb(112, 25%, 98%)
CMYK
cmyk(22%, 0%, 25%, 2%)
Oklch
oklch(93.2% 0.101 141.5)

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

#9ACDAF

Celadon · DarkSeaGreen · Apple Green

HEX
#9ACDAF
RGB
rgb(154, 205, 175)
HSL
hsl(145, 34%, 70%)
HSB
hsb(145, 25%, 80%)
CMYK
cmyk(25%, 0%, 15%, 20%)
Oklch
oklch(80.4% 0.068 158.6)

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

#D3E9A4

Willow Green · Khaki · Apple Green

HEX
#D3E9A4
RGB
rgb(211, 233, 164)
HSL
hsl(79, 61%, 78%)
HSB
hsb(79, 30%, 91%)
CMYK
cmyk(9%, 0%, 30%, 9%)
Oklch
oklch(90.1% 0.093 122.6)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#F1F7AD

Fresh Green · Wheat · Lemon Cream

HEX
#F1F7AD
RGB
rgb(241, 247, 173)
HSL
hsl(65, 82%, 82%)
HSB
hsb(65, 30%, 97%)
CMYK
cmyk(2%, 0%, 30%, 3%)
Oklch
oklch(95.4% 0.094 111.9)

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

#FFFFBC

Fresh Green · Bisque · Lemon Cream

HEX
#FFFFBC
RGB
rgb(255, 255, 188)
HSL
hsl(60, 100%, 87%)
HSB
hsb(60, 26%, 100%)
CMYK
cmyk(0%, 0%, 26%, 0%)
Oklch
oklch(98.4% 0.085 107.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C3FABB
F2BDFA

Analogous

E3FABD
C3FABB
BDFAD3

Triadic

C3FABB
BDC5FA
FABDC5

Split-Comp.

C3FABB
D3BDFA
FABDE3

Tetradic

C3FABB
BDE3FA
F2BDFA
FAD3BD

Contrast Matrix WCAG 2.1 Contrast

C3FABB
9ACDAF
D3E9A4
F1F7AD
FFFFBC
—
1.5
Fail
1.1
Fail
1.1
Fail
1.1
Fail
1.5
Fail
—
1.4
Fail
1.6
Fail
1.7
Fail
1.1
Fail
1.4
Fail
—
1.2
Fail
1.3
Fail
1.1
Fail
1.6
Fail
1.2
Fail
—
1.1
Fail
1.1
Fail
1.7
Fail
1.3
Fail
1.1
Fail
—
White BG
1.2Fail
1.8Fail
1.3Fail
1.1Fail
1.0Fail
Black BG
17.7AAA
11.7AAA
16.0AAA
18.6AAA
20.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DBDBCA
B0B1B6
DDDDB5
F4F4BF
FFFFCC

Deuteranopia

D8D4CE
ADA9B8
DBDAB9
F3F3C3
FFFFD0

Tritanopia

C6D6D9
9DBCBD
D4C2C5
F1CDD0
FFD9DC

Achromatopsia

E2E2E2
BABABA
DBDBDB
EDEDED
F7F7F7

Shades & Tints Shades & Tints

#C3FABB

Dark
Light

#9ACDAF

Dark
Light

#D3E9A4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c3fabb;
  --color-2: #9acdaf;
  --color-3: #d3e9a4;
  --color-4: #f1f7ad;
  --color-5: #ffffbc;
}

SCSS

$color-1: #c3fabb;
$color-2: #9acdaf;
$color-3: #d3e9a4;
$color-4: #f1f7ad;
$color-5: #ffffbc;

TAILWIND

colors: {
  'brand-1': '#c3fabb',
  'brand-2': '#9acdaf',
  'brand-3': '#d3e9a4',
  'brand-4': '#f1f7ad',
  'brand-5': '#ffffbc',
}

RGB Array

[195, 250, 187], [154, 205, 175], [211, 233, 164], [241, 247, 173], [255, 255, 188]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C3FABB, #9ACDAF, #D3E9A4, #F1F7AD, #FFFFBC 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: #c3fabb; --color-2: #9acdaf; --color-3: #d3e9a4; --color-4: #f1f7ad; --color-5: #ffffbc. 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