← Back to Editor

#FB6689 · #1B7E79 · #79D3B1 · #E6E8B2 · #D7BC0B

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

#FB6689

Peach Pink · LightCoral · Coral Red

HEX
#FB6689
RGB
rgb(251, 102, 137)
HSL
hsl(346, 95%, 69%)
HSB
hsb(346, 59%, 98%)
CMYK
cmyk(0%, 59%, 45%, 2%)
Oklch
oklch(70.6% 0.183 8.6)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#1B7E79

Mineral Blue · Teal · Mint Ice

HEX
#1B7E79
RGB
rgb(27, 126, 121)
HSL
hsl(177, 65%, 30%)
HSB
hsb(177, 79%, 49%)
CMYK
cmyk(79%, 0%, 4%, 51%)
Oklch
oklch(53.8% 0.086 189.7)

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

#79D3B1

Jade · MediumAquaMarine · Apple Green

HEX
#79D3B1
RGB
rgb(121, 211, 177)
HSL
hsl(157, 51%, 65%)
HSB
hsb(157, 43%, 83%)
CMYK
cmyk(43%, 0%, 16%, 17%)
Oklch
oklch(80.1% 0.100 167.5)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#E6E8B2

Fresh Green · Wheat · Lemon Cream

HEX
#E6E8B2
RGB
rgb(230, 232, 178)
HSL
hsl(62, 54%, 80%)
HSB
hsb(62, 23%, 91%)
CMYK
cmyk(1%, 0%, 23%, 9%)
Oklch
oklch(91.6% 0.070 109.5)

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

#D7BC0B

Autumn Sage · GoldenRod · Honey Gold

HEX
#D7BC0B
RGB
rgb(215, 188, 11)
HSL
hsl(52, 90%, 44%)
HSB
hsb(52, 95%, 84%)
CMYK
cmyk(0%, 13%, 95%, 16%)
Oklch
oklch(79.4% 0.163 98.7)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FB6689
65FBD8

Analogous

FB65D3
FB6689
FB8D65

Triadic

FB6689
88FB65
6588FB

Split-Comp.

FB6689
65FB8D
65D3FB

Tetradic

FB6689
D3FB65
65FBD8
8D65FB

Contrast Matrix WCAG 2.1 Contrast

FB6689
1B7E79
79D3B1
E6E8B2
D7BC0B
—
1.7
Fail
1.6
Fail
2.2
Fail
1.5
Fail
1.7
Fail
—
2.7
Fail
3.8
AA Large
2.6
Fail
1.6
Fail
2.7
Fail
—
1.4
Fail
1.1
Fail
2.2
Fail
3.8
AA Large
1.4
Fail
—
1.5
Fail
1.5
Fail
2.6
Fail
1.1
Fail
1.5
Fail
—
White BG
2.9Fail
4.9AA
1.8Fail
1.3Fail
1.9Fail
Black BG
7.4AAA
4.3AA Large
11.8AAA
16.6AAA
11.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BAB981
46477A
A0A1B9
E7E7BF
CBCB36

Deuteranopia

C3CE7E
40397A
9B94BB
E7E7C2
CDCF40

Tritanopia

F47A78
207B7B
7DC0C1
E6C9CC
D6585F

Achromatopsia

979797
606060
B4B4B4
E1E1E1
B0B0B0

Shades & Tints Shades & Tints

#FB6689

Dark
Light

#1B7E79

Dark
Light

#79D3B1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fb6689;
  --color-2: #1b7e79;
  --color-3: #79d3b1;
  --color-4: #e6e8b2;
  --color-5: #d7bc0b;
}

SCSS

$color-1: #fb6689;
$color-2: #1b7e79;
$color-3: #79d3b1;
$color-4: #e6e8b2;
$color-5: #d7bc0b;

TAILWIND

colors: {
  'brand-1': '#fb6689',
  'brand-2': '#1b7e79',
  'brand-3': '#79d3b1',
  'brand-4': '#e6e8b2',
  'brand-5': '#d7bc0b',
}

RGB Array

[251, 102, 137], [27, 126, 121], [121, 211, 177], [230, 232, 178], [215, 188, 11]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This summer-style palette of #FB6689, #1B7E79, #79D3B1, #E6E8B2, #D7BC0B 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: #fb6689; --color-2: #1b7e79; --color-3: #79d3b1; --color-4: #e6e8b2; --color-5: #d7bc0b. 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