← Back to Editor

#0ECA92 · #4AC484 · #87BE76 · #C3B868 · #FFB25A

summer

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

#0ECA92

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#0ECA92
RGB
rgb(14, 202, 146)
HSL
hsl(162, 87%, 42%)
HSB
hsb(162, 93%, 79%)
CMYK
cmyk(93%, 0%, 28%, 21%)
Oklch
oklch(74.4% 0.156 164.4)

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

#4AC484

Emerald · MediumSeaGreen · Olive Green

HEX
#4AC484
RGB
rgb(74, 196, 132)
HSL
hsl(149, 51%, 53%)
HSB
hsb(149, 62%, 77%)
CMYK
cmyk(62%, 0%, 33%, 23%)
Oklch
oklch(73.6% 0.144 156.9)

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

#87BE76

Celadon · DarkSeaGreen · Olive Green

HEX
#87BE76
RGB
rgb(135, 190, 118)
HSL
hsl(106, 36%, 60%)
HSB
hsb(106, 38%, 75%)
CMYK
cmyk(29%, 0%, 38%, 25%)
Oklch
oklch(74.5% 0.115 138.5)

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

#C3B868

Autumn Sage · Tan · Sunflower

HEX
#C3B868
RGB
rgb(195, 184, 104)
HSL
hsl(53, 43%, 59%)
HSB
hsb(53, 47%, 76%)
CMYK
cmyk(0%, 6%, 47%, 24%)
Oklch
oklch(77.4% 0.102 101.5)

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

#FFB25A

Ginger · SandyBrown · Warm Sun

HEX
#FFB25A
RGB
rgb(255, 178, 90)
HSL
hsl(32, 100%, 68%)
HSB
hsb(32, 65%, 100%)
CMYK
cmyk(0%, 30%, 65%, 0%)
Oklch
oklch(82.1% 0.137 67.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0ECA92
C80E46

Analogous

0EC833
0ECA92
0EA3C8

Triadic

0ECA92
900EC8
C8900E

Split-Comp.

0ECA92
C80EA3
C8330E

Tetradic

0ECA92
330EC8
C80E46
A3C80E

Contrast Matrix WCAG 2.1 Contrast

0ECA92
4AC484
87BE76
C3B868
FFB25A
—
1.0
Fail
1.0
Fail
1.1
Fail
1.2
Fail
1.0
Fail
—
1.0
Fail
1.1
Fail
1.2
Fail
1.0
Fail
1.0
Fail
—
1.1
Fail
1.2
Fail
1.1
Fail
1.1
Fail
1.1
Fail
—
1.1
Fail
1.2
Fail
1.2
Fail
1.2
Fail
1.1
Fail
—
White BG
2.1Fail
2.2Fail
2.2Fail
2.0Fail
1.8Fail
Black BG
9.9AAA
9.5AAA
9.7AAA
10.4AAA
11.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5F61A0
7F8093
9F9F87
BEBE7B
DEDD6F

Deuteranopia

5546A3
786F97
9C988C
BFC080
E2E874

Tritanopia

17AAAD
50A0A2
8A9598
C28B8E
FB8084

Achromatopsia

8B8B8B
989898
A5A5A5
B2B2B2
BFBFBF

Shades & Tints Shades & Tints

#0ECA92

Dark
Light

#4AC484

Dark
Light

#87BE76

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0eca92;
  --color-2: #4ac484;
  --color-3: #87be76;
  --color-4: #c3b868;
  --color-5: #ffb25a;
}

SCSS

$color-1: #0eca92;
$color-2: #4ac484;
$color-3: #87be76;
$color-4: #c3b868;
$color-5: #ffb25a;

TAILWIND

colors: {
  'brand-1': '#0eca92',
  'brand-2': '#4ac484',
  'brand-3': '#87be76',
  'brand-4': '#c3b868',
  'brand-5': '#ffb25a',
}

RGB Array

[14, 202, 146], [74, 196, 132], [135, 190, 118], [195, 184, 104], [255, 178, 90]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This summer-style palette of #0ECA92, #4AC484, #87BE76, #C3B868, #FFB25A 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: #0eca92; --color-2: #4ac484; --color-3: #87be76; --color-4: #c3b868; --color-5: #ffb25a. 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