← Back to Editor

#401247 · #9D484F · #F1855E · #DEDE91 · #71BBA7

summer

A 5-color summer palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#401247

Royal Purple · MidnightBlue · Dark Purple

HEX
#401247
RGB
rgb(64, 18, 71)
HSL
hsl(292, 60%, 17%)
HSB
hsb(292, 75%, 28%)
CMYK
cmyk(10%, 75%, 0%, 72%)
Oklch
oklch(28.4% 0.103 322.1)

Traditional「Royal Purple」· Paint「Dark Purple」· Creative Blush Sunrise

#9D484F

Crimson · Sienna · Passion Red

HEX
#9D484F
RGB
rgb(157, 72, 79)
HSL
hsl(355, 37%, 45%)
HSB
hsb(355, 54%, 62%)
CMYK
cmyk(0%, 54%, 50%, 38%)
Oklch
oklch(51.2% 0.113 16.9)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#F1855E

Apricot · Coral · Warm Sun

HEX
#F1855E
RGB
rgb(241, 133, 94)
HSL
hsl(16, 84%, 66%)
HSB
hsb(16, 61%, 95%)
CMYK
cmyk(0%, 45%, 61%, 5%)
Oklch
oklch(72.8% 0.143 40.3)

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

#DEDE91

Fresh Green · Khaki · Sunflower

HEX
#DEDE91
RGB
rgb(222, 222, 145)
HSL
hsl(60, 54%, 72%)
HSB
hsb(60, 35%, 87%)
CMYK
cmyk(0%, 0%, 35%, 13%)
Oklch
oklch(88.3% 0.098 108.3)

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

#71BBA7

Mineral Blue · MediumAquaMarine · Lake Green

HEX
#71BBA7
RGB
rgb(113, 187, 167)
HSL
hsl(164, 35%, 59%)
HSB
hsb(164, 40%, 73%)
CMYK
cmyk(40%, 0%, 11%, 27%)
Oklch
oklch(73.8% 0.080 174.8)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

401247
184511

Analogous

241145
401247
451132

Triadic

401247
453E11
11453E

Split-Comp.

401247
324511
114524

Tetradic

401247
452411
184511
113245

Contrast Matrix WCAG 2.1 Contrast

401247
9D484F
F1855E
DEDE91
71BBA7
—
2.5
Fail
5.9
AA
10.7
AAA
6.7
AA
2.5
Fail
—
2.4
Fail
4.3
AA Large
2.7
Fail
5.9
AA
2.4
Fail
—
1.8
Fail
1.1
Fail
10.7
AAA
4.3
AA Large
1.8
Fail
—
1.6
Fail
6.7
AA
2.7
Fail
1.1
Fail
1.6
Fail
—
White BG
15.0AAA
6.0AA
2.5Fail
1.4Fail
2.2Fail
Black BG
1.4Fail
3.5AA Large
8.3AAA
15.0AAA
9.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2C2C3A
78774D
C2C167
DEDEA4
9192AC

Deuteranopia

2F3237
7D844D
C9D16A
DEDEA8
8D87AD

Tritanopia

3E302E
994C4C
EC6F71
DEB2B6
75B0B1

Achromatopsia

262626
626262
A1A1A1
D5D5D5
A3A3A3

Shades & Tints Shades & Tints

#401247

Dark
Light

#9D484F

Dark
Light

#F1855E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #401247;
  --color-2: #9d484f;
  --color-3: #f1855e;
  --color-4: #dede91;
  --color-5: #71bba7;
}

SCSS

$color-1: #401247;
$color-2: #9d484f;
$color-3: #f1855e;
$color-4: #dede91;
$color-5: #71bba7;

TAILWIND

colors: {
  'brand-1': '#401247',
  'brand-2': '#9d484f',
  'brand-3': '#f1855e',
  'brand-4': '#dede91',
  'brand-5': '#71bba7',
}

RGB Array

[64, 18, 71], [157, 72, 79], [241, 133, 94], [222, 222, 145], [113, 187, 167]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This summer-style palette of #401247, #9D484F, #F1855E, #DEDE91, #71BBA7 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #401247; --color-2: #9d484f; --color-3: #f1855e; --color-4: #dede91; --color-5: #71bba7. 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 tech, SaaS, healthcare, eco industries. 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