← Back to Editor

#3EC9CF · #71CCC4 · #A4CEB9 · #F2F8C9 · #FEC126

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

#3EC9CF

Lake Blue · MediumTurquoise · Lake Green

HEX
#3EC9CF
RGB
rgb(62, 201, 207)
HSL
hsl(182, 60%, 53%)
HSB
hsb(182, 70%, 81%)
CMYK
cmyk(70%, 3%, 0%, 19%)
Oklch
oklch(76.6% 0.115 199.3)

Traditional「Lake Blue」· Paint「Lake Green」· Creative Blush Sunrise

#71CCC4

Jade · MediumAquaMarine · Lake Green

HEX
#71CCC4
RGB
rgb(113, 204, 196)
HSL
hsl(175, 47%, 62%)
HSB
hsb(175, 45%, 80%)
CMYK
cmyk(45%, 0%, 4%, 20%)
Oklch
oklch(78.6% 0.088 188.2)

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

#A4CEB9

Jade · Silver · Apple Green

HEX
#A4CEB9
RGB
rgb(164, 206, 185)
HSL
hsl(150, 30%, 73%)
HSB
hsb(150, 20%, 81%)
CMYK
cmyk(20%, 0%, 10%, 19%)
Oklch
oklch(81.5% 0.053 163.3)

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

#F2F8C9

Fresh Green · Beige · Lemon Cream

HEX
#F2F8C9
RGB
rgb(242, 248, 201)
HSL
hsl(68, 77%, 88%)
HSB
hsb(68, 19%, 97%)
CMYK
cmyk(2%, 0%, 19%, 3%)
Oklch
oklch(96.3% 0.061 113.5)

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

#FEC126

Ginger · Gold · Sunflower

HEX
#FEC126
RGB
rgb(254, 193, 38)
HSL
hsl(43, 99%, 57%)
HSB
hsb(43, 85%, 100%)
CMYK
cmyk(0%, 24%, 85%, 0%)
Oklch
oklch(84.4% 0.165 84.2)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

3EC9CF
CF443F

Analogous

3FCF8C
3EC9CF
3F82CF

Triadic

3EC9CF
CF3FCA
CACF3F

Split-Comp.

3EC9CF
CF3F82
CF8C3F

Tetradic

3EC9CF
8C3FCF
CF443F
82CF3F

Contrast Matrix WCAG 2.1 Contrast

3EC9CF
71CCC4
A4CEB9
F2F8C9
FEC126
—
1.1
Fail
1.2
Fail
1.8
Fail
1.2
Fail
1.1
Fail
—
1.1
Fail
1.7
Fail
1.2
Fail
1.2
Fail
1.1
Fail
—
1.6
Fail
1.1
Fail
1.8
Fail
1.7
Fail
1.6
Fail
—
1.5
Fail
1.2
Fail
1.2
Fail
1.1
Fail
1.5
Fail
—
White BG
2.0Fail
1.9Fail
1.7Fail
1.1Fail
1.6Fail
Black BG
10.5AAA
11.1AAA
12.1AAA
19.0AAA
12.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7A7BCE
9899C6
B6B7BE
F5F5D4
E4E34C

Deuteranopia

7268CD
938CC6
B4B1BF
F4F4D7
E7EC55

Tritanopia

45CCCC
76C7C8
A6C2C3
F2DDDF
FB6970

Achromatopsia

A0A0A0
B0B0B0
BFBFBF
F1F1F1
C2C2C2

Shades & Tints Shades & Tints

#3EC9CF

Dark
Light

#71CCC4

Dark
Light

#A4CEB9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #3ec9cf;
  --color-2: #71ccc4;
  --color-3: #a4ceb9;
  --color-4: #f2f8c9;
  --color-5: #fec126;
}

SCSS

$color-1: #3ec9cf;
$color-2: #71ccc4;
$color-3: #a4ceb9;
$color-4: #f2f8c9;
$color-5: #fec126;

TAILWIND

colors: {
  'brand-1': '#3ec9cf',
  'brand-2': '#71ccc4',
  'brand-3': '#a4ceb9',
  'brand-4': '#f2f8c9',
  'brand-5': '#fec126',
}

RGB Array

[62, 201, 207], [113, 204, 196], [164, 206, 185], [242, 248, 201], [254, 193, 38]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #3EC9CF, #71CCC4, #A4CEB9, #F2F8C9, #FEC126 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: #3ec9cf; --color-2: #71ccc4; --color-3: #a4ceb9; --color-4: #f2f8c9; --color-5: #fec126. 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