← Back to Editor

#EFFE1B · #C2F10B · #51FB5D · #2CDEE2 · #8AFEF1

summer

A 5-color summer 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

#EFFE1B

Autumn Sage · Yellow · Sunflower

HEX
#EFFE1B
RGB
rgb(239, 254, 27)
HSL
hsl(64, 99%, 55%)
HSB
hsb(64, 89%, 100%)
CMYK
cmyk(6%, 0%, 89%, 0%)
Oklch
oklch(95.4% 0.211 114.1)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#C2F10B

Grass Green · GreenYellow · Olive Green

HEX
#C2F10B
RGB
rgb(194, 241, 11)
HSL
hsl(72, 91%, 49%)
HSB
hsb(72, 95%, 95%)
CMYK
cmyk(20%, 0%, 95%, 5%)
Oklch
oklch(89.3% 0.217 122.8)

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

#51FB5D

Emerald · LimeGreen · Apple Green

HEX
#51FB5D
RGB
rgb(81, 251, 93)
HSL
hsl(124, 96%, 65%)
HSB
hsb(124, 68%, 98%)
CMYK
cmyk(68%, 0%, 63%, 2%)
Oklch
oklch(87.0% 0.244 144.1)

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

#2CDEE2

Lake Blue · Turquoise · Lake Green

HEX
#2CDEE2
RGB
rgb(44, 222, 226)
HSL
hsl(181, 76%, 53%)
HSB
hsb(181, 81%, 89%)
CMYK
cmyk(81%, 2%, 0%, 11%)
Oklch
oklch(82.0% 0.133 197.3)

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

#8AFEF1

Jade · SkyBlue · Glacier Blue

HEX
#8AFEF1
RGB
rgb(138, 254, 241)
HSL
hsl(173, 98%, 77%)
HSB
hsb(173, 46%, 100%)
CMYK
cmyk(46%, 0%, 5%, 0%)
Oklch
oklch(92.5% 0.108 186.1)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EFFE1B
2A1BFE

Analogous

FE9B1B
EFFE1B
7DFE1B

Triadic

EFFE1B
1BEFFE
FE1BEF

Split-Comp.

EFFE1B
1B7DFE
9B1BFE

Tetradic

EFFE1B
1BFE9B
2A1BFE
FE1B7D

Contrast Matrix WCAG 2.1 Contrast

EFFE1B
C2F10B
51FB5D
2CDEE2
8AFEF1
—
1.2
Fail
1.2
Fail
1.5
Fail
1.1
Fail
1.2
Fail
—
1.0
Fail
1.3
Fail
1.1
Fail
1.2
Fail
1.0
Fail
—
1.2
Fail
1.1
Fail
1.5
Fail
1.3
Fail
1.2
Fail
—
1.4
Fail
1.1
Fail
1.1
Fail
1.1
Fail
1.4
Fail
—
White BG
1.1Fail
1.3Fail
1.4Fail
1.7Fail
1.2Fail
Black BG
18.9AAA
15.9AAA
15.3AAA
12.7AAA
17.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F5F652
D6D743
9B9C83
797BE1
BCBDF4

Deuteranopia

F5F45F
D4D050
91848C
6F61E1
B6ADF5

Tritanopia

F07D87
C46F78
5AA1A8
35E0E0
90F7F7

Achromatopsia

E0E0E0
C9C9C9
B6B6B6
A9A9A9
DADADA

Shades & Tints Shades & Tints

#EFFE1B

Dark
Light

#C2F10B

Dark
Light

#51FB5D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #effe1b;
  --color-2: #c2f10b;
  --color-3: #51fb5d;
  --color-4: #2cdee2;
  --color-5: #8afef1;
}

SCSS

$color-1: #effe1b;
$color-2: #c2f10b;
$color-3: #51fb5d;
$color-4: #2cdee2;
$color-5: #8afef1;

TAILWIND

colors: {
  'brand-1': '#effe1b',
  'brand-2': '#c2f10b',
  'brand-3': '#51fb5d',
  'brand-4': '#2cdee2',
  'brand-5': '#8afef1',
}

RGB Array

[239, 254, 27], [194, 241, 11], [81, 251, 93], [44, 222, 226], [138, 254, 241]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This summer-style palette of #EFFE1B, #C2F10B, #51FB5D, #2CDEE2, #8AFEF1 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: #effe1b; --color-2: #c2f10b; --color-3: #51fb5d; --color-4: #2cdee2; --color-5: #8afef1. 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 summer-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