← Back to Editor

#92CE65 · #75083C · #CE186A · #3FB597 · #F0EFB0

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 AppData Visualization

Color Details Color Details

#92CE65

Emerald · DarkSeaGreen · Olive Green

HEX
#92CE65
RGB
rgb(146, 206, 101)
HSL
hsl(94, 52%, 60%)
HSB
hsb(94, 51%, 81%)
CMYK
cmyk(29%, 0%, 51%, 19%)
Oklch
oklch(78.7% 0.150 133.4)

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

#75083C

Dark Violet · Brown · Raspberry

HEX
#75083C
RGB
rgb(117, 8, 60)
HSL
hsl(331, 87%, 25%)
HSB
hsb(331, 93%, 46%)
CMYK
cmyk(0%, 93%, 49%, 54%)
Oklch
oklch(36.9% 0.143 0.2)

Traditional「Dark Violet」· Paint「Raspberry」· Creative Blush Sunrise

#CE186A

Dark Violet · MediumVioletRed · Camellia

HEX
#CE186A
RGB
rgb(206, 24, 106)
HSL
hsl(333, 79%, 45%)
HSB
hsb(333, 88%, 81%)
CMYK
cmyk(0%, 88%, 49%, 19%)
Oklch
oklch(55.7% 0.214 1.9)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#3FB597

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#3FB597
RGB
rgb(63, 181, 151)
HSL
hsl(165, 48%, 48%)
HSB
hsb(165, 65%, 71%)
CMYK
cmyk(65%, 0%, 17%, 29%)
Oklch
oklch(69.9% 0.114 172.7)

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

#F0EFB0

Fresh Green · Wheat · Lemon Cream

HEX
#F0EFB0
RGB
rgb(240, 239, 176)
HSL
hsl(59, 68%, 82%)
HSB
hsb(59, 27%, 94%)
CMYK
cmyk(0%, 0%, 27%, 6%)
Oklch
oklch(93.8% 0.081 107.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

92CE65
A064CE

Analogous

C7CE64
92CE65
64CE6B

Triadic

92CE65
6492CE
CE6492

Split-Comp.

92CE65
6B64CE
CE64C7

Tetradic

92CE65
64C7CE
A064CE
CE6B64

Contrast Matrix WCAG 2.1 Contrast

92CE65
75083C
CE186A
3FB597
F0EFB0
—
6.1
AA
2.8
Fail
1.4
Fail
1.6
Fail
6.1
AA
—
2.1
Fail
4.5
AA Large
9.5
AAA
2.8
Fail
2.1
Fail
—
2.1
Fail
4.5
AA Large
1.4
Fail
4.5
AA Large
2.1
Fail
—
2.1
Fail
1.6
Fail
9.5
AAA
4.5
AA Large
2.1
Fail
—
White BG
1.9Fail
11.3AAA
5.3AA
2.5Fail
1.2Fail
Black BG
11.2AAA
1.9Fail
4.0AA Large
8.3AAA
17.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ACAD7E
46452F
7F7E56
72739E
F0F0BF

Deuteranopia

A9A485
4C542C
8A9751
6B62A0
F0F0C3

Tritanopia

959297
702523
C54643
45A4A5
F0CBCE

Achromatopsia

B0B0B0
2F2F2F
585858
8E8E8E
E8E8E8

Shades & Tints Shades & Tints

#92CE65

Dark
Light

#75083C

Dark
Light

#CE186A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #92ce65;
  --color-2: #75083c;
  --color-3: #ce186a;
  --color-4: #3fb597;
  --color-5: #f0efb0;
}

SCSS

$color-1: #92ce65;
$color-2: #75083c;
$color-3: #ce186a;
$color-4: #3fb597;
$color-5: #f0efb0;

TAILWIND

colors: {
  'brand-1': '#92ce65',
  'brand-2': '#75083c',
  'brand-3': '#ce186a',
  'brand-4': '#3fb597',
  'brand-5': '#f0efb0',
}

RGB Array

[146, 206, 101], [117, 8, 60], [206, 24, 106], [63, 181, 151], [240, 239, 176]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This summer-style palette of #92CE65, #75083C, #CE186A, #3FB597, #F0EFB0 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #92ce65; --color-2: #75083c; --color-3: #ce186a; --color-4: #3fb597; --color-5: #f0efb0. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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