← Back to Editor

#886666 · #BBAAAA · #DDCCCC · #EEDDDD · #FFEEEE

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#886666

Crimson · DimGray · Passion Red

HEX
#886666
RGB
rgb(136, 102, 102)
HSL
hsl(0, 14%, 47%)
HSB
hsb(0, 25%, 53%)
CMYK
cmyk(0%, 25%, 25%, 47%)
Oklch
oklch(54.5% 0.044 18.6)

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

#BBAAAA

Peach Pink · DarkGray · Coral Red

HEX
#BBAAAA
RGB
rgb(187, 170, 170)
HSL
hsl(0, 11%, 70%)
HSB
hsb(0, 9%, 73%)
CMYK
cmyk(0%, 9%, 9%, 27%)
Oklch
oklch(75.2% 0.020 17.6)

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

#DDCCCC

Peach Pink · LightGray · Cherry Blossom

HEX
#DDCCCC
RGB
rgb(221, 204, 204)
HSL
hsl(0, 20%, 83%)
HSB
hsb(0, 8%, 87%)
CMYK
cmyk(0%, 8%, 8%, 13%)
Oklch
oklch(85.9% 0.019 17.5)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#EEDDDD

Peach Pink · Linen · Cherry Blossom

HEX
#EEDDDD
RGB
rgb(238, 221, 221)
HSL
hsl(0, 33%, 90%)
HSB
hsb(0, 7%, 93%)
CMYK
cmyk(0%, 7%, 7%, 7%)
Oklch
oklch(91.1% 0.019 17.5)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#FFEEEE

Peach Pink · SeaShell · Cherry Blossom

HEX
#FFEEEE
RGB
rgb(255, 238, 238)
HSL
hsl(0, 100%, 97%)
HSB
hsb(0, 7%, 100%)
CMYK
cmyk(0%, 7%, 7%, 0%)
Oklch
oklch(96.3% 0.018 17.5)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

886666
678989

Analogous

896778
886666
897867

Triadic

886666
678967
676789

Split-Comp.

886666
678978
677889

Tetradic

886666
788967
678989
786789

Contrast Matrix WCAG 2.1 Contrast

886666
BBAAAA
DDCCCC
EEDDDD
FFEEEE
—
2.3
Fail
3.3
AA Large
3.9
AA Large
4.5
AA
2.3
Fail
—
1.4
Fail
1.7
Fail
2.0
Fail
3.3
AA Large
1.4
Fail
—
1.2
Fail
1.4
Fail
3.9
AA Large
1.7
Fail
1.2
Fail
—
1.2
Fail
4.5
AA
2.0
Fail
1.4
Fail
1.2
Fail
—
White BG
5.1AA
2.2Fail
1.5Fail
1.3Fail
1.1Fail
Black BG
4.1AA Large
9.4AAA
13.6AAA
16.0AAA
18.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

797966
B4B3AA
D6D5CC
E7E6DD
F8F7EE

Deuteranopia

7B7E66
B5B6AA
D7D8CC
E8E9DD
F9FAEE

Tritanopia

866666
BAAAAA
DCCCCC
EDDDDD
FEEEEE

Achromatopsia

707070
AFAFAF
D1D1D1
E2E2E2
F3F3F3

Shades & Tints Shades & Tints

#886666

Dark
Light

#BBAAAA

Dark
Light

#DDCCCC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #886666;
  --color-2: #bbaaaa;
  --color-3: #ddcccc;
  --color-4: #eedddd;
  --color-5: #ffeeee;
}

SCSS

$color-1: #886666;
$color-2: #bbaaaa;
$color-3: #ddcccc;
$color-4: #eedddd;
$color-5: #ffeeee;

TAILWIND

colors: {
  'brand-1': '#886666',
  'brand-2': '#bbaaaa',
  'brand-3': '#ddcccc',
  'brand-4': '#eedddd',
  'brand-5': '#ffeeee',
}

RGB Array

[136, 102, 102], [187, 170, 170], [221, 204, 204], [238, 221, 221], [255, 238, 238]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #886666, #BBAAAA, #DDCCCC, #EEDDDD, #FFEEEE is ideal for: health products, baby brands, fresh-style blogs, 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: #886666; --color-2: #bbaaaa; --color-3: #ddcccc; --color-4: #eedddd; --color-5: #ffeeee. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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 general-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