← Back to Editor

#55CACC · #E6FFCD · #93FFCD · #FFFC81 · #FFC022

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

#55CACC

Lake Blue · MediumTurquoise · Lake Green

HEX
#55CACC
RGB
rgb(85, 202, 204)
HSL
hsl(181, 54%, 57%)
HSB
hsb(181, 58%, 80%)
CMYK
cmyk(58%, 1%, 0%, 20%)
Oklch
oklch(77.4% 0.104 196.8)

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

#E6FFCD

Emerald · Beige · Mint Green

HEX
#E6FFCD
RGB
rgb(230, 255, 205)
HSL
hsl(90, 100%, 90%)
HSB
hsb(90, 20%, 100%)
CMYK
cmyk(10%, 0%, 20%, 0%)
Oklch
oklch(96.9% 0.070 129.3)

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

#93FFCD

Jade · LightBlue · Apple Green

HEX
#93FFCD
RGB
rgb(147, 255, 205)
HSL
hsl(152, 100%, 79%)
HSB
hsb(152, 42%, 100%)
CMYK
cmyk(42%, 0%, 20%, 0%)
Oklch
oklch(92.1% 0.123 162.6)

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

#FFFC81

Fresh Green · Khaki · Sunflower

HEX
#FFFC81
RGB
rgb(255, 252, 129)
HSL
hsl(59, 100%, 75%)
HSB
hsb(59, 49%, 100%)
CMYK
cmyk(0%, 1%, 49%, 0%)
Oklch
oklch(96.9% 0.145 107.6)

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

#FFC022

Ginger · Gold · Sunflower

HEX
#FFC022
RGB
rgb(255, 192, 34)
HSL
hsl(43, 100%, 57%)
HSB
hsb(43, 87%, 100%)
CMYK
cmyk(0%, 25%, 87%, 0%)
Oklch
oklch(84.3% 0.167 83.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

55CACC
CD5856

Analogous

56CD93
55CACC
568FCD

Triadic

55CACC
CD56CB
CBCD56

Split-Comp.

55CACC
CD568F
CD9356

Tetradic

55CACC
9356CD
CD5856
8FCD56

Contrast Matrix WCAG 2.1 Contrast

55CACC
E6FFCD
93FFCD
FFFC81
FFC022
—
1.8
Fail
1.6
Fail
1.8
Fail
1.2
Fail
1.8
Fail
—
1.1
Fail
1.0
Fail
1.5
Fail
1.6
Fail
1.1
Fail
—
1.1
Fail
1.4
Fail
1.8
Fail
1.0
Fail
1.1
Fail
—
1.5
Fail
1.2
Fail
1.5
Fail
1.4
Fail
1.5
Fail
—
White BG
2.0Fail
1.1Fail
1.2Fail
1.1Fail
1.6Fail
Black BG
10.7AAA
19.6AAA
17.4AAA
19.5AAA
12.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8889CC
F1F1D9
C2C3D9
FEFE9F
E4E348

Deuteranopia

8178CB
EFEEDC
BCB3DC
FEFEA6
E7EC51

Tritanopia

5BCBCB
E7E3E5
98E3E5
FFB6BB
FC666D

Achromatopsia

A7A7A7
F2F2F2
D9D9D9
EFEFEF
C1C1C1

Shades & Tints Shades & Tints

#55CACC

Dark
Light

#E6FFCD

Dark
Light

#93FFCD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #55cacc;
  --color-2: #e6ffcd;
  --color-3: #93ffcd;
  --color-4: #fffc81;
  --color-5: #ffc022;
}

SCSS

$color-1: #55cacc;
$color-2: #e6ffcd;
$color-3: #93ffcd;
$color-4: #fffc81;
$color-5: #ffc022;

TAILWIND

colors: {
  'brand-1': '#55cacc',
  'brand-2': '#e6ffcd',
  'brand-3': '#93ffcd',
  'brand-4': '#fffc81',
  'brand-5': '#ffc022',
}

RGB Array

[85, 202, 204], [230, 255, 205], [147, 255, 205], [255, 252, 129], [255, 192, 34]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #55CACC, #E6FFCD, #93FFCD, #FFFC81, #FFC022 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: #55cacc; --color-2: #e6ffcd; --color-3: #93ffcd; --color-4: #fffc81; --color-5: #ffc022. 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