← Back to Editor

#B10850 · #F1DCA5 · #39C5A3 · #FB1E5C · #913863

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

#B10850

Dark Violet · Crimson · Camellia

HEX
#B10850
RGB
rgb(177, 8, 80)
HSL
hsl(334, 91%, 36%)
HSB
hsb(334, 95%, 69%)
CMYK
cmyk(0%, 95%, 55%, 31%)
Oklch
oklch(49.1% 0.193 5.9)

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

#F1DCA5

Goose Yellow · Wheat · Lemon Cream

HEX
#F1DCA5
RGB
rgb(241, 220, 165)
HSL
hsl(43, 73%, 80%)
HSB
hsb(43, 32%, 95%)
CMYK
cmyk(0%, 9%, 32%, 5%)
Oklch
oklch(89.9% 0.075 89.6)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#39C5A3

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#39C5A3
RGB
rgb(57, 197, 163)
HSL
hsl(165, 55%, 50%)
HSB
hsb(165, 71%, 77%)
CMYK
cmyk(71%, 0%, 17%, 23%)
Oklch
oklch(74.1% 0.128 172.7)

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

#FB1E5C

Dark Violet · Crimson · Rose Pink

HEX
#FB1E5C
RGB
rgb(251, 30, 92)
HSL
hsl(343, 97%, 55%)
HSB
hsb(343, 88%, 98%)
CMYK
cmyk(0%, 88%, 63%, 2%)
Oklch
oklch(63.7% 0.243 14.2)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#913863

Dark Violet · Sienna · Camellia

HEX
#913863
RGB
rgb(145, 56, 99)
HSL
hsl(331, 44%, 39%)
HSB
hsb(331, 61%, 57%)
CMYK
cmyk(0%, 61%, 32%, 43%)
Oklch
oklch(47.7% 0.129 353.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B10850
08AF67

Analogous

AF08A4
B10850
AF1308

Triadic

B10850
51AF08
0851AF

Split-Comp.

B10850
08AF13
08A4AF

Tetradic

B10850
A4AF08
08AF67
1308AF

Contrast Matrix WCAG 2.1 Contrast

B10850
F1DCA5
39C5A3
FB1E5C
913863
—
5.1
AA
3.2
AA Large
1.8
Fail
1.0
Fail
5.1
AA
—
1.6
Fail
2.9
Fail
5.3
AA
3.2
AA Large
1.6
Fail
—
1.8
Fail
3.3
AA Large
1.8
Fail
2.9
Fail
1.8
Fail
—
1.8
Fail
1.0
Fail
5.3
AA
3.3
AA Large
1.8
Fail
—
White BG
7.0AA
1.4Fail
2.2Fail
3.9AA Large
7.1AAA
Black BG
3.0AA Large
15.5AAA
9.7AAA
5.4AA
2.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

68663F
E8E8B2
7677AB
9B994D
6A6A59

Deuteranopia

727E3A
E9EBB6
6E63AD
A8B949
707656

Tritanopia

A9312E
F0BDBF
40B2B3
F0413F
8D504F

Achromatopsia

434343
DCDCDC
979797
676767
585858

Shades & Tints Shades & Tints

#B10850

Dark
Light

#F1DCA5

Dark
Light

#39C5A3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b10850;
  --color-2: #f1dca5;
  --color-3: #39c5a3;
  --color-4: #fb1e5c;
  --color-5: #913863;
}

SCSS

$color-1: #b10850;
$color-2: #f1dca5;
$color-3: #39c5a3;
$color-4: #fb1e5c;
$color-5: #913863;

TAILWIND

colors: {
  'brand-1': '#b10850',
  'brand-2': '#f1dca5',
  'brand-3': '#39c5a3',
  'brand-4': '#fb1e5c',
  'brand-5': '#913863',
}

RGB Array

[177, 8, 80], [241, 220, 165], [57, 197, 163], [251, 30, 92], [145, 56, 99]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This summer-style palette of #B10850, #F1DCA5, #39C5A3, #FB1E5C, #913863 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: #b10850; --color-2: #f1dca5; --color-3: #39c5a3; --color-4: #fb1e5c; --color-5: #913863. 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