← Back to Editor

#68475C · #A66292 · #D1768A · #DFA96A · #E9E1D0

summer

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#68475C

Rose Purple · DimGray · Camellia

HEX
#68475C
RGB
rgb(104, 71, 92)
HSL
hsl(322, 19%, 34%)
HSB
hsb(322, 32%, 41%)
CMYK
cmyk(0%, 32%, 12%, 59%)
Oklch
oklch(44.2% 0.055 341.1)

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

#A66292

Rose Purple · Gray · Violet

HEX
#A66292
RGB
rgb(166, 98, 146)
HSL
hsl(318, 28%, 52%)
HSB
hsb(318, 41%, 65%)
CMYK
cmyk(0%, 41%, 12%, 35%)
Oklch
oklch(58.8% 0.108 338.8)

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

#D1768A

Peach Pink · LightCoral · Coral Red

HEX
#D1768A
RGB
rgb(209, 118, 138)
HSL
hsl(347, 50%, 64%)
HSB
hsb(347, 44%, 82%)
CMYK
cmyk(0%, 44%, 34%, 18%)
Oklch
oklch(67.2% 0.115 6.6)

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

#DFA96A

Ginger · SandyBrown · Warm Sun

HEX
#DFA96A
RGB
rgb(223, 169, 106)
HSL
hsl(32, 65%, 65%)
HSB
hsb(32, 52%, 87%)
CMYK
cmyk(0%, 24%, 52%, 13%)
Oklch
oklch(77.2% 0.102 69.6)

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

#E9E1D0

Goose Yellow · Bisque · Lemon Cream

HEX
#E9E1D0
RGB
rgb(233, 225, 208)
HSL
hsl(41, 36%, 86%)
HSB
hsb(41, 11%, 91%)
CMYK
cmyk(0%, 3%, 11%, 9%)
Oklch
oklch(91.1% 0.024 85.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

68475C
466752

Analogous

634667
68475C
67464B

Triadic

68475C
5B6746
465B67

Split-Comp.

68475C
4B6746
466763

Tetradic

68475C
676346
466752
464B67

Contrast Matrix WCAG 2.1 Contrast

68475C
A66292
D1768A
DFA96A
E9E1D0
—
1.8
Fail
2.5
Fail
3.8
AA Large
6.1
AA
1.8
Fail
—
1.4
Fail
2.1
Fail
3.4
AA Large
2.5
Fail
1.4
Fail
—
1.5
Fail
2.4
Fail
3.8
AA Large
2.1
Fail
1.5
Fail
—
1.6
Fail
6.1
AA
3.4
AA Large
2.4
Fail
1.6
Fail
—
White BG
7.9AAA
4.4AA Large
3.1AA Large
2.1Fail
1.3Fail
Black BG
2.6Fail
4.8AA
6.7AA
10.0AAA
16.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5A5957
898886
AAA985
C8C779
E6E5D4

Deuteranopia

5C5E56
8D9284
AFB684
CBCF7D
E6E7D5

Tritanopia

665352
A37D7B
CC8181
DC8588
E9D7D8

Achromatopsia

535353
7C7C7C
939393
B2B2B2
E1E1E1

Shades & Tints Shades & Tints

#68475C

Dark
Light

#A66292

Dark
Light

#D1768A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #68475c;
  --color-2: #a66292;
  --color-3: #d1768a;
  --color-4: #dfa96a;
  --color-5: #e9e1d0;
}

SCSS

$color-1: #68475c;
$color-2: #a66292;
$color-3: #d1768a;
$color-4: #dfa96a;
$color-5: #e9e1d0;

TAILWIND

colors: {
  'brand-1': '#68475c',
  'brand-2': '#a66292',
  'brand-3': '#d1768a',
  'brand-4': '#dfa96a',
  'brand-5': '#e9e1d0',
}

RGB Array

[104, 71, 92], [166, 98, 146], [209, 118, 138], [223, 169, 106], [233, 225, 208]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This summer-style palette of #68475C, #A66292, #D1768A, #DFA96A, #E9E1D0 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: #68475c; --color-2: #a66292; --color-3: #d1768a; --color-4: #dfa96a; --color-5: #e9e1d0. 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