← Back to Editor

#CBE5D3 · #C2CCC3 · #C991B8 · #E0055E · #745B75

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

#CBE5D3

Celadon · LightGray · Mint Green

HEX
#CBE5D3
RGB
rgb(203, 229, 211)
HSL
hsl(138, 33%, 85%)
HSB
hsb(138, 11%, 90%)
CMYK
cmyk(11%, 0%, 8%, 10%)
Oklch
oklch(89.8% 0.037 155.4)

Traditional「Celadon」· Paint「Mint Green」· Creative Mint Breeze

#C2CCC3

Celadon · Silver · Pearl Gray

HEX
#C2CCC3
RGB
rgb(194, 204, 195)
HSL
hsl(126, 9%, 78%)
HSB
hsb(126, 5%, 80%)
CMYK
cmyk(5%, 0%, 4%, 20%)
Oklch
oklch(83.5% 0.016 148.4)

Traditional「Celadon」· Paint「Pearl Gray」· Creative Silver Lining

#C991B8

Mauve · DarkGray · Lilac Purple

HEX
#C991B8
RGB
rgb(201, 145, 184)
HSL
hsl(318, 34%, 68%)
HSB
hsb(318, 28%, 79%)
CMYK
cmyk(0%, 28%, 8%, 21%)
Oklch
oklch(72.3% 0.085 338.1)

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

#E0055E

Dark Violet · Crimson · Camellia

HEX
#E0055E
RGB
rgb(224, 5, 94)
HSL
hsl(336, 96%, 45%)
HSB
hsb(336, 98%, 88%)
CMYK
cmyk(0%, 98%, 58%, 12%)
Oklch
oklch(58.1% 0.231 8.8)

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

#745B75

Dark Plum · DimGray · Violet

HEX
#745B75
RGB
rgb(116, 91, 117)
HSL
hsl(298, 12%, 41%)
HSB
hsb(298, 22%, 46%)
CMYK
cmyk(1%, 22%, 0%, 54%)
Oklch
oklch(50.6% 0.051 325.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CBE5D3
E5CCDE

Analogous

D1E5CC
CBE5D3
CCE5E0

Triadic

CBE5D3
D4CCE5
E5D4CC

Split-Comp.

CBE5D3
E0CCE5
E5CCD1

Tetradic

CBE5D3
CCD1E5
E5CCDE
E5E0CC

Contrast Matrix WCAG 2.1 Contrast

CBE5D3
C2CCC3
C991B8
E0055E
745B75
—
1.2
Fail
1.9
Fail
3.6
AA Large
4.5
AA Large
1.2
Fail
—
1.5
Fail
2.9
Fail
3.6
AA Large
1.9
Fail
1.5
Fail
—
1.9
Fail
2.4
Fail
3.6
AA Large
2.9
Fail
1.9
Fail
—
1.2
Fail
4.5
AA Large
3.6
AA Large
2.4
Fail
1.2
Fail
—
White BG
1.3Fail
1.7Fail
2.6Fail
4.8AA
6.0AA
Black BG
15.7AAA
12.7AAA
8.2AAA
4.4AA Large
3.5AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

D6D6D7
C6C6C5
B1B0AF
817F48
69696F

Deuteranopia

D5D3D8
C6C5C6
B4B8AC
8E9E43
6B6C6D

Tritanopia

CCDBDC
C2C7C7
C6A7A5
D53734
736A69

Achromatopsia

DBDBDB
C8C8C8
A6A6A6
515151
656565

Shades & Tints Shades & Tints

#CBE5D3

Dark
Light

#C2CCC3

Dark
Light

#C991B8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cbe5d3;
  --color-2: #c2ccc3;
  --color-3: #c991b8;
  --color-4: #e0055e;
  --color-5: #745b75;
}

SCSS

$color-1: #cbe5d3;
$color-2: #c2ccc3;
$color-3: #c991b8;
$color-4: #e0055e;
$color-5: #745b75;

TAILWIND

colors: {
  'brand-1': '#cbe5d3',
  'brand-2': '#c2ccc3',
  'brand-3': '#c991b8',
  'brand-4': '#e0055e',
  'brand-5': '#745b75',
}

RGB Array

[203, 229, 211], [194, 204, 195], [201, 145, 184], [224, 5, 94], [116, 91, 117]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CBE5D3, #C2CCC3, #C991B8, #E0055E, #745B75 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: #cbe5d3; --color-2: #c2ccc3; --color-3: #c991b8; --color-4: #e0055e; --color-5: #745b75. 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