← Back to Editor

#CAF729 · #79DD7E · #2ECBAA · #21B6B6 · #888DDA

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#CAF729

Grass Green · GreenYellow · Olive Green

HEX
#CAF729
RGB
rgb(202, 247, 41)
HSL
hsl(73, 93%, 56%)
HSB
hsb(73, 83%, 97%)
CMYK
cmyk(18%, 0%, 83%, 3%)
Oklch
oklch(91.2% 0.213 122.4)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#79DD7E

Emerald · LightGreen · Apple Green

HEX
#79DD7E
RGB
rgb(121, 221, 126)
HSL
hsl(123, 60%, 67%)
HSB
hsb(123, 45%, 87%)
CMYK
cmyk(45%, 0%, 43%, 13%)
Oklch
oklch(81.4% 0.161 144.9)

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

#2ECBAA

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#2ECBAA
RGB
rgb(46, 203, 170)
HSL
hsl(167, 63%, 49%)
HSB
hsb(167, 77%, 80%)
CMYK
cmyk(77%, 0%, 16%, 20%)
Oklch
oklch(75.6% 0.134 174.4)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#21B6B6

Lake Blue · LightSeaGreen · Mint Ice

HEX
#21B6B6
RGB
rgb(33, 182, 182)
HSL
hsl(180, 69%, 42%)
HSB
hsb(180, 82%, 71%)
CMYK
cmyk(82%, 0%, 0%, 29%)
Oklch
oklch(70.6% 0.115 194.9)

Traditional「Lake Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#888DDA

Azure · CornflowerBlue · Cobalt Blue

HEX
#888DDA
RGB
rgb(136, 141, 218)
HSL
hsl(236, 53%, 69%)
HSB
hsb(236, 38%, 85%)
CMYK
cmyk(38%, 35%, 0%, 15%)
Oklch
oklch(67.1% 0.114 280.0)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CAF729
5426F7

Analogous

F7BC26
CAF729
62F726

Triadic

CAF729
26CAF7
F726CA

Split-Comp.

CAF729
2662F7
BC26F7

Tetradic

CAF729
26F7BC
5426F7
F72662

Contrast Matrix WCAG 2.1 Contrast

CAF729
79DD7E
2ECBAA
21B6B6
888DDA
—
1.4
Fail
1.6
Fail
2.0
Fail
2.5
Fail
1.4
Fail
—
1.2
Fail
1.5
Fail
1.8
Fail
1.6
Fail
1.2
Fail
—
1.2
Fail
1.5
Fail
2.0
Fail
1.5
Fail
1.2
Fail
—
1.2
Fail
2.5
Fail
1.8
Fail
1.5
Fail
1.2
Fail
—
White BG
1.2Fail
1.7Fail
2.1Fail
2.5Fail
3.1AA Large
Black BG
16.8AAA
12.5AAA
10.2AAA
8.4AAA
6.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DDDE5B
A4A595
7273B2
6263B6
8A8AC7

Deuteranopia

DBD767
9F979B
695DB4
594EB6
8A8AC3

Tritanopia

CC828B
7EA7AB
36B8BA
28B6B6
88B9B5

Achromatopsia

D2D2D2
B4B4B4
989898
898989
949494

Shades & Tints Shades & Tints

#CAF729

Dark
Light

#79DD7E

Dark
Light

#2ECBAA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #caf729;
  --color-2: #79dd7e;
  --color-3: #2ecbaa;
  --color-4: #21b6b6;
  --color-5: #888dda;
}

SCSS

$color-1: #caf729;
$color-2: #79dd7e;
$color-3: #2ecbaa;
$color-4: #21b6b6;
$color-5: #888dda;

TAILWIND

colors: {
  'brand-1': '#caf729',
  'brand-2': '#79dd7e',
  'brand-3': '#2ecbaa',
  'brand-4': '#21b6b6',
  'brand-5': '#888dda',
}

RGB Array

[202, 247, 41], [121, 221, 126], [46, 203, 170], [33, 182, 182], [136, 141, 218]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CAF729, #79DD7E, #2ECBAA, #21B6B6, #888DDA is ideal for: social media posters, mobile apps, e-commerce promos. 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: #caf729; --color-2: #79dd7e; --color-3: #2ecbaa; --color-4: #21b6b6; --color-5: #888dda. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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