← Back to Editor

#E3A8A2 · #F9F6F1 · #D8CFC0 · #26252D · #729BB1

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

#E3A8A2

Peach Pink · Tan · Coral Red

HEX
#E3A8A2
RGB
rgb(227, 168, 162)
HSL
hsl(6, 54%, 76%)
HSB
hsb(6, 29%, 89%)
CMYK
cmyk(0%, 26%, 29%, 11%)
Oklch
oklch(78.5% 0.071 25.4)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#F9F6F1

Goose Yellow · SeaShell · Peach Orange

HEX
#F9F6F1
RGB
rgb(249, 246, 241)
HSL
hsl(38, 40%, 96%)
HSB
hsb(38, 3%, 98%)
CMYK
cmyk(0%, 1%, 3%, 2%)
Oklch
oklch(97.4% 0.007 80.7)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#D8CFC0

Goose Yellow · LightGray · Peach Orange

HEX
#D8CFC0
RGB
rgb(216, 207, 192)
HSL
hsl(38, 24%, 80%)
HSB
hsb(38, 11%, 85%)
CMYK
cmyk(0%, 4%, 11%, 15%)
Oklch
oklch(85.8% 0.023 80.7)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#26252D

Deep Indigo · DarkSlateGray · Deep Sea Blue

HEX
#26252D
RGB
rgb(38, 37, 45)
HSL
hsl(248, 10%, 16%)
HSB
hsb(248, 18%, 18%)
CMYK
cmyk(16%, 18%, 0%, 82%)
Oklch
oklch(26.9% 0.015 291.1)

Traditional「Deep Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#729BB1

Slate Blue · CadetBlue · Navy Blue

HEX
#729BB1
RGB
rgb(114, 155, 177)
HSL
hsl(201, 29%, 57%)
HSB
hsb(201, 36%, 69%)
CMYK
cmyk(36%, 12%, 0%, 31%)
Oklch
oklch(66.7% 0.055 232.1)

Traditional「Slate Blue」· Paint「Navy Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E3A8A2
A1DCE3

Analogous

E3A1BB
E3A8A2
E3C8A1

Triadic

E3A8A2
A1E3A7
A7A1E3

Split-Comp.

E3A8A2
A1E3C8
A1BBE3

Tetradic

E3A8A2
BBE3A1
A1DCE3
C8A1E3

Contrast Matrix WCAG 2.1 Contrast

E3A8A2
F9F6F1
D8CFC0
26252D
729BB1
—
1.9
Fail
1.3
Fail
7.5
AAA
1.5
Fail
1.9
Fail
—
1.4
Fail
14.1
AAA
2.8
Fail
1.3
Fail
1.4
Fail
—
9.8
AAA
1.9
Fail
7.5
AAA
14.1
AAA
9.8
AAA
—
5.1
AA
1.5
Fail
2.8
Fail
1.9
Fail
5.1
AA
—
White BG
2.0Fail
1.1Fail
1.5Fail
15.2AAA
3.0Fail
Black BG
10.4AAA
19.5AAA
13.6AAA
1.4Fail
7.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C9C9A3
F8F8F2
D4D4C4
26262B
8484AC

Deuteranopia

CDD1A4
F8F8F3
D5D5C4
26262B
817EAA

Tritanopia

E0A5A5
F9F3F3
D8C6C7
262A29
74A7A7

Achromatopsia

B9B9B9
F6F6F6
D0D0D0
262626
919191

Shades & Tints Shades & Tints

#E3A8A2

Dark
Light

#F9F6F1

Dark
Light

#D8CFC0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e3a8a2;
  --color-2: #f9f6f1;
  --color-3: #d8cfc0;
  --color-4: #26252d;
  --color-5: #729bb1;
}

SCSS

$color-1: #e3a8a2;
$color-2: #f9f6f1;
$color-3: #d8cfc0;
$color-4: #26252d;
$color-5: #729bb1;

TAILWIND

colors: {
  'brand-1': '#e3a8a2',
  'brand-2': '#f9f6f1',
  'brand-3': '#d8cfc0',
  'brand-4': '#26252d',
  'brand-5': '#729bb1',
}

RGB Array

[227, 168, 162], [249, 246, 241], [216, 207, 192], [38, 37, 45], [114, 155, 177]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This summer-style palette of #E3A8A2, #F9F6F1, #D8CFC0, #26252D, #729BB1 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: #e3a8a2; --color-2: #f9f6f1; --color-3: #d8cfc0; --color-4: #26252d; --color-5: #729bb1. 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