← Back to Editor

#DEE6BE · #EBDD86 · #FFBC92 · #E32095 · #3D5759

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

#DEE6BE

Willow Green · Wheat · Mint Green

HEX
#DEE6BE
RGB
rgb(222, 230, 190)
HSL
hsl(72, 44%, 82%)
HSB
hsb(72, 17%, 90%)
CMYK
cmyk(3%, 0%, 17%, 10%)
Oklch
oklch(90.9% 0.054 116.7)

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

#EBDD86

Fresh Green · Khaki · Sunflower

HEX
#EBDD86
RGB
rgb(235, 221, 134)
HSL
hsl(52, 72%, 72%)
HSB
hsb(52, 43%, 92%)
CMYK
cmyk(0%, 6%, 43%, 8%)
Oklch
oklch(89.0% 0.109 100.3)

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

#FFBC92

Apricot · BurlyWood · Peach Orange

HEX
#FFBC92
RGB
rgb(255, 188, 146)
HSL
hsl(23, 100%, 79%)
HSB
hsb(23, 43%, 100%)
CMYK
cmyk(0%, 26%, 43%, 0%)
Oklch
oklch(84.7% 0.095 53.1)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#E32095

Rose Purple · DeepPink · Rose Pink

HEX
#E32095
RGB
rgb(227, 32, 149)
HSL
hsl(324, 78%, 51%)
HSB
hsb(324, 86%, 89%)
CMYK
cmyk(0%, 86%, 34%, 11%)
Oklch
oklch(61.2% 0.240 351.0)

Traditional「Rose Purple」· Paint「Rose Pink」· Creative Blush Sunrise

#3D5759

Slate Blue · DarkSlateGray · Mint Ice

HEX
#3D5759
RGB
rgb(61, 87, 89)
HSL
hsl(184, 19%, 29%)
HSB
hsb(184, 31%, 35%)
CMYK
cmyk(31%, 2%, 0%, 65%)
Oklch
oklch(43.7% 0.031 202.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DEE6BE
C5BDE5

Analogous

E5D9BD
DEE6BE
C9E5BD

Triadic

DEE6BE
BDDDE5
E5BDDD

Split-Comp.

DEE6BE
BDC9E5
D9BDE5

Tetradic

DEE6BE
BDE5D9
C5BDE5
E5BDC9

Contrast Matrix WCAG 2.1 Contrast

DEE6BE
EBDD86
FFBC92
E32095
3D5759
—
1.1
Fail
1.3
Fail
3.3
AA Large
6.0
AA
1.1
Fail
—
1.2
Fail
3.1
AA Large
5.6
AA
1.3
Fail
1.2
Fail
—
2.6
Fail
4.8
AA
3.3
AA Large
3.1
AA Large
2.6
Fail
—
1.8
Fail
6.0
AA
5.6
AA
4.8
AA
1.8
Fail
—
White BG
1.3Fail
1.4Fail
1.6Fail
4.3AA Large
7.8AAA
Black BG
16.2AAA
15.2AAA
12.9AAA
4.9AA
2.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E1E2C8
E5E59B
E2E19C
8F8D79
484859

Deuteranopia

E1E0CA
E6E7A0
E6EB9F
9AA872
474558

Tritanopia

DECFD1
EAACAF
FCA4A6
D9625D
3E5858

Achromatopsia

DFDFDF
D7D7D7
CBCBCB
686868
4F4F4F

Shades & Tints Shades & Tints

#DEE6BE

Dark
Light

#EBDD86

Dark
Light

#FFBC92

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dee6be;
  --color-2: #ebdd86;
  --color-3: #ffbc92;
  --color-4: #e32095;
  --color-5: #3d5759;
}

SCSS

$color-1: #dee6be;
$color-2: #ebdd86;
$color-3: #ffbc92;
$color-4: #e32095;
$color-5: #3d5759;

TAILWIND

colors: {
  'brand-1': '#dee6be',
  'brand-2': '#ebdd86',
  'brand-3': '#ffbc92',
  'brand-4': '#e32095',
  'brand-5': '#3d5759',
}

RGB Array

[222, 230, 190], [235, 221, 134], [255, 188, 146], [227, 32, 149], [61, 87, 89]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This summer-style palette of #DEE6BE, #EBDD86, #FFBC92, #E32095, #3D5759 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: #dee6be; --color-2: #ebdd86; --color-3: #ffbc92; --color-4: #e32095; --color-5: #3d5759. 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