← Back to Editor

#EBE7CC · #99CFCE · #5BA3A3 · #68507A · #532B61

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

#EBE7CC

Fresh Green · Bisque · Lemon Cream

HEX
#EBE7CC
RGB
rgb(235, 231, 204)
HSL
hsl(52, 44%, 86%)
HSB
hsb(52, 13%, 92%)
CMYK
cmyk(0%, 2%, 13%, 8%)
Oklch
oklch(92.4% 0.036 100.1)

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

#99CFCE

Jade · LightSteelBlue · Lake Green

HEX
#99CFCE
RGB
rgb(153, 207, 206)
HSL
hsl(179, 36%, 71%)
HSB
hsb(179, 26%, 81%)
CMYK
cmyk(26%, 0%, 0%, 19%)
Oklch
oklch(81.7% 0.056 194.7)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#5BA3A3

Slate Blue · CadetBlue · Mint Ice

HEX
#5BA3A3
RGB
rgb(91, 163, 163)
HSL
hsl(180, 28%, 50%)
HSB
hsb(180, 44%, 64%)
CMYK
cmyk(44%, 0%, 0%, 36%)
Oklch
oklch(66.9% 0.072 195.6)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#68507A

Dark Plum · DimGray · Eggplant

HEX
#68507A
RGB
rgb(104, 80, 122)
HSL
hsl(274, 21%, 40%)
HSB
hsb(274, 34%, 48%)
CMYK
cmyk(15%, 34%, 0%, 52%)
Oklch
oklch(47.3% 0.072 309.9)

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

#532B61

Dark Plum · DarkSlateBlue · Eggplant

HEX
#532B61
RGB
rgb(83, 43, 97)
HSL
hsl(284, 39%, 27%)
HSB
hsb(284, 56%, 38%)
CMYK
cmyk(14%, 56%, 0%, 62%)
Oklch
oklch(36.6% 0.100 316.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EBE7CC
CCD0EB

Analogous

EBD7CC
EBE7CC
DFEBCC

Triadic

EBE7CC
CCEBE7
E7CCEB

Split-Comp.

EBE7CC
CCDFEB
D7CCEB

Tetradic

EBE7CC
CCEBD7
CCD0EB
EBCCDF

Contrast Matrix WCAG 2.1 Contrast

EBE7CC
99CFCE
5BA3A3
68507A
532B61
—
1.4
Fail
2.3
Fail
5.6
AA
8.9
AAA
1.4
Fail
—
1.7
Fail
4.0
AA Large
6.5
AA
2.3
Fail
1.7
Fail
—
2.4
Fail
3.8
AA Large
5.6
AA
4.0
AA Large
2.4
Fail
—
1.6
Fail
8.9
AAA
6.5
AA
3.8
AA Large
1.6
Fail
—
White BG
1.2Fail
1.7Fail
2.9Fail
7.0AA
11.1AAA
Black BG
16.8AAA
12.2AAA
7.2AAA
3.0AA Large
1.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E9E9D3
B0B1CE
7A7BA3
5E5D70
424154

Deuteranopia

EAEAD4
ADA9CE
7671A3
5F616D
444751

Tritanopia

EBD8D9
9CCECE
5FA3A3
676866
514A47

Achromatopsia

E5E5E5
BFBFBF
8D8D8D
5C5C5C
3D3D3D

Shades & Tints Shades & Tints

#EBE7CC

Dark
Light

#99CFCE

Dark
Light

#5BA3A3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ebe7cc;
  --color-2: #99cfce;
  --color-3: #5ba3a3;
  --color-4: #68507a;
  --color-5: #532b61;
}

SCSS

$color-1: #ebe7cc;
$color-2: #99cfce;
$color-3: #5ba3a3;
$color-4: #68507a;
$color-5: #532b61;

TAILWIND

colors: {
  'brand-1': '#ebe7cc',
  'brand-2': '#99cfce',
  'brand-3': '#5ba3a3',
  'brand-4': '#68507a',
  'brand-5': '#532b61',
}

RGB Array

[235, 231, 204], [153, 207, 206], [91, 163, 163], [104, 80, 122], [83, 43, 97]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EBE7CC, #99CFCE, #5BA3A3, #68507A, #532B61 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: #ebe7cc; --color-2: #99cfce; --color-3: #5ba3a3; --color-4: #68507a; --color-5: #532b61. 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. 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