← Back to Editor

#A3D9C7 · #DAFFC2 · #FFF491 · #FFB980 · #FF6D57

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

#A3D9C7

Jade · LightBlue · Lake Green

HEX
#A3D9C7
RGB
rgb(163, 217, 199)
HSL
hsl(160, 42%, 75%)
HSB
hsb(160, 25%, 85%)
CMYK
cmyk(25%, 0%, 8%, 15%)
Oklch
oklch(84.3% 0.061 172.3)

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

#DAFFC2

Emerald · Beige · Mint Green

HEX
#DAFFC2
RGB
rgb(218, 255, 194)
HSL
hsl(96, 100%, 88%)
HSB
hsb(96, 24%, 100%)
CMYK
cmyk(15%, 0%, 24%, 0%)
Oklch
oklch(95.9% 0.089 133.3)

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

#FFF491

Fresh Green · Khaki · Lemon Cream

HEX
#FFF491
RGB
rgb(255, 244, 145)
HSL
hsl(54, 100%, 78%)
HSB
hsb(54, 43%, 100%)
CMYK
cmyk(0%, 4%, 43%, 0%)
Oklch
oklch(95.5% 0.121 102.9)

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

#FFB980

Apricot · LightSalmon · Warm Sun

HEX
#FFB980
RGB
rgb(255, 185, 128)
HSL
hsl(27, 100%, 75%)
HSB
hsb(27, 50%, 100%)
CMYK
cmyk(0%, 27%, 50%, 0%)
Oklch
oklch(83.9% 0.109 59.7)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#FF6D57

Peach Pink · Tomato · Coral Red

HEX
#FF6D57
RGB
rgb(255, 109, 87)
HSL
hsl(8, 100%, 67%)
HSB
hsb(8, 66%, 100%)
CMYK
cmyk(0%, 57%, 66%, 0%)
Oklch
oklch(71.1% 0.183 30.8)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A3D9C7
DAA4B6

Analogous

A4DAAD
A3D9C7
A4D1DA

Triadic

A3D9C7
C8A4DA
DAC8A4

Split-Comp.

A3D9C7
DAA4D1
DAADA4

Tetradic

A3D9C7
ADA4DA
DAA4B6
D1DAA4

Contrast Matrix WCAG 2.1 Contrast

A3D9C7
DAFFC2
FFF491
FFB980
FF6D57
—
1.4
Fail
1.4
Fail
1.1
Fail
1.8
Fail
1.4
Fail
—
1.0
Fail
1.5
Fail
2.5
Fail
1.4
Fail
1.0
Fail
—
1.5
Fail
2.5
Fail
1.1
Fail
1.5
Fail
1.5
Fail
—
1.7
Fail
1.8
Fail
2.5
Fail
2.5
Fail
1.7
Fail
—
White BG
1.6Fail
1.1Fail
1.1Fail
1.7Fail
2.8Fail
Black BG
13.3AAA
19.1AAA
18.6AAA
12.5AAA
7.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BABBCB
EAEAD1
FAFAA9
E1E08E
C0BE5C

Deuteranopia

B7B3CC
E8E5D4
FBFCAF
E5EA91
C8D35E

Tritanopia

A6CFD0
DCDCDF
FEBCC0
FC999B
F86161

Achromatopsia

C7C7C7
EDEDED
ECECEC
C7C7C7
969696

Shades & Tints Shades & Tints

#A3D9C7

Dark
Light

#DAFFC2

Dark
Light

#FFF491

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a3d9c7;
  --color-2: #daffc2;
  --color-3: #fff491;
  --color-4: #ffb980;
  --color-5: #ff6d57;
}

SCSS

$color-1: #a3d9c7;
$color-2: #daffc2;
$color-3: #fff491;
$color-4: #ffb980;
$color-5: #ff6d57;

TAILWIND

colors: {
  'brand-1': '#a3d9c7',
  'brand-2': '#daffc2',
  'brand-3': '#fff491',
  'brand-4': '#ffb980',
  'brand-5': '#ff6d57',
}

RGB Array

[163, 217, 199], [218, 255, 194], [255, 244, 145], [255, 185, 128], [255, 109, 87]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A3D9C7, #DAFFC2, #FFF491, #FFB980, #FF6D57 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: #a3d9c7; --color-2: #daffc2; --color-3: #fff491; --color-4: #ffb980; --color-5: #ff6d57. 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