← Back to Editor

#E4DDD3 · #CB99BF · #905494 · #7A448F · #98B1B8

A 5-color palette 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

#E4DDD3

Goose Yellow · LightGray · Peach Orange

HEX
#E4DDD3
RGB
rgb(228, 221, 211)
HSL
hsl(35, 24%, 86%)
HSB
hsb(35, 7%, 89%)
CMYK
cmyk(0%, 3%, 7%, 11%)
Oklch
oklch(90.0% 0.016 77.1)

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

#CB99BF

Mauve · Silver · Lilac Purple

HEX
#CB99BF
RGB
rgb(203, 153, 191)
HSL
hsl(314, 32%, 70%)
HSB
hsb(314, 25%, 80%)
CMYK
cmyk(0%, 25%, 6%, 20%)
Oklch
oklch(74.2% 0.078 335.1)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#905494

Dark Plum · Gray · Violet

HEX
#905494
RGB
rgb(144, 84, 148)
HSL
hsl(296, 28%, 45%)
HSB
hsb(296, 43%, 58%)
CMYK
cmyk(3%, 43%, 0%, 42%)
Oklch
oklch(53.9% 0.118 324.8)

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

#7A448F

Dark Plum · DarkSlateBlue · Violet

HEX
#7A448F
RGB
rgb(122, 68, 143)
HSL
hsl(283, 36%, 41%)
HSB
hsb(283, 52%, 56%)
CMYK
cmyk(15%, 52%, 0%, 44%)
Oklch
oklch(48.3% 0.129 315.8)

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

#98B1B8

Sky Blue · DarkGray · Lake Green

HEX
#98B1B8
RGB
rgb(152, 177, 184)
HSL
hsl(193, 18%, 66%)
HSB
hsb(193, 17%, 72%)
CMYK
cmyk(17%, 4%, 0%, 28%)
Oklch
oklch(74.4% 0.029 216.5)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E4DDD3
D3DAE4

Analogous

E4D4D3
E4DDD3
E2E4D3

Triadic

E4DDD3
D3E4DD
DDD3E4

Split-Comp.

E4DDD3
D3E2E4
D4D3E4

Tetradic

E4DDD3
D3E4D4
D3DAE4
E4D3E2

Contrast Matrix WCAG 2.1 Contrast

E4DDD3
CB99BF
905494
7A448F
98B1B8
—
1.8
Fail
4.0
AA Large
5.1
AA
1.7
Fail
1.8
Fail
—
2.3
Fail
2.9
Fail
1.1
Fail
4.0
AA Large
2.3
Fail
—
1.3
Fail
2.4
Fail
5.1
AA
2.9
Fail
1.3
Fail
—
3.1
AA Large
1.7
Fail
1.1
Fail
2.4
Fail
3.1
AA Large
—
White BG
1.3Fail
2.4Fail
5.4AA
6.9AA
2.3Fail
Black BG
15.6AAA
8.8AAA
3.9AA Large
3.1AA Large
9.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E1E1D5
B5B5B6
767585
63627D
A3A3B6

Deuteranopia

E1E2D6
B8BCB4
7A7E81
666A79
A1A0B6

Tritanopia

E4D7D8
C9AFAD
8D7876
776F6B
99B5B5

Achromatopsia

DEDEDE
ACACAC
6D6D6D
5D5D5D
AAAAAA

Shades & Tints Shades & Tints

#E4DDD3

Dark
Light

#CB99BF

Dark
Light

#905494

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e4ddd3;
  --color-2: #cb99bf;
  --color-3: #905494;
  --color-4: #7a448f;
  --color-5: #98b1b8;
}

SCSS

$color-1: #e4ddd3;
$color-2: #cb99bf;
$color-3: #905494;
$color-4: #7a448f;
$color-5: #98b1b8;

TAILWIND

colors: {
  'brand-1': '#e4ddd3',
  'brand-2': '#cb99bf',
  'brand-3': '#905494',
  'brand-4': '#7a448f',
  'brand-5': '#98b1b8',
}

RGB Array

[228, 221, 211], [203, 153, 191], [144, 84, 148], [122, 68, 143], [152, 177, 184]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E4DDD3, #CB99BF, #905494, #7A448F, #98B1B8 is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #e4ddd3; --color-2: #cb99bf; --color-3: #905494; --color-4: #7a448f; --color-5: #98b1b8. 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 general-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco industries. Restrained colors convey professionalism and trust. 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