← Back to Editor

#753D66 · #C44989 · #DB88A0 · #D6C1C7 · #C5DCF0

cool

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

#753D66

Rose Purple · DimGray · Eggplant

HEX
#753D66
RGB
rgb(117, 61, 102)
HSL
hsl(316, 31%, 35%)
HSB
hsb(316, 48%, 46%)
CMYK
cmyk(0%, 48%, 13%, 54%)
Oklch
oklch(44.5% 0.096 338.1)

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

#C44989

Rose Purple · MediumVioletRed · Rose Pink

HEX
#C44989
RGB
rgb(196, 73, 137)
HSL
hsl(329, 51%, 53%)
HSB
hsb(329, 63%, 77%)
CMYK
cmyk(0%, 63%, 30%, 23%)
Oklch
oklch(59.0% 0.170 351.3)

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

#DB88A0

Rouge · LightCoral · Rose Pink

HEX
#DB88A0
RGB
rgb(219, 136, 160)
HSL
hsl(343, 54%, 70%)
HSB
hsb(343, 38%, 86%)
CMYK
cmyk(0%, 38%, 27%, 14%)
Oklch
oklch(72.0% 0.105 1.4)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#D6C1C7

Rouge · LightGray · Cherry Blossom

HEX
#D6C1C7
RGB
rgb(214, 193, 199)
HSL
hsl(343, 20%, 80%)
HSB
hsb(343, 10%, 84%)
CMYK
cmyk(0%, 10%, 7%, 16%)
Oklch
oklch(83.0% 0.025 358.4)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#C5DCF0

Sky Blue · LightBlue · Sky Blue

HEX
#C5DCF0
RGB
rgb(197, 220, 240)
HSL
hsl(208, 59%, 86%)
HSB
hsb(208, 18%, 94%)
CMYK
cmyk(18%, 8%, 0%, 6%)
Oklch
oklch(88.4% 0.037 244.4)

Traditional「Sky Blue」· Paint「Sky Blue」· Creative Twilight Haze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

753D66
3E754C

Analogous

683E75
753D66
753E4A

Triadic

753D66
66753E
3E6675

Split-Comp.

753D66
4A753E
3E7568

Tetradic

753D66
75683E
3E754C
3E4A75

Contrast Matrix WCAG 2.1 Contrast

753D66
C44989
DB88A0
D6C1C7
C5DCF0
—
1.8
Fail
3.1
AA Large
4.7
AA
5.7
AA
1.8
Fail
—
1.7
Fail
2.6
Fail
3.2
AA Large
3.1
AA Large
1.7
Fail
—
1.5
Fail
1.8
Fail
4.7
AA
2.6
Fail
1.5
Fail
—
1.2
Fail
5.7
AA
3.2
AA Large
1.8
Fail
1.2
Fail
—
White BG
8.0AAA
4.5AA
2.6Fail
1.7Fail
1.4Fail
Black BG
2.6Fail
4.7AA
8.0AAA
12.3AAA
14.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5D5C5C
8F8E7A
B7B69A
CDCDC6
CFCFEB

Deuteranopia

60645A
969F76
BCC299
CED0C5
CECCEA

Tritanopia

725453
BE6D6B
D79695
D5C4C4
C6E7E7

Achromatopsia

525252
757575
A4A4A4
C8C8C8
D7D7D7

Shades & Tints Shades & Tints

#753D66

Dark
Light

#C44989

Dark
Light

#DB88A0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #753d66;
  --color-2: #c44989;
  --color-3: #db88a0;
  --color-4: #d6c1c7;
  --color-5: #c5dcf0;
}

SCSS

$color-1: #753d66;
$color-2: #c44989;
$color-3: #db88a0;
$color-4: #d6c1c7;
$color-5: #c5dcf0;

TAILWIND

colors: {
  'brand-1': '#753d66',
  'brand-2': '#c44989',
  'brand-3': '#db88a0',
  'brand-4': '#d6c1c7',
  'brand-5': '#c5dcf0',
}

RGB Array

[117, 61, 102], [196, 73, 137], [219, 136, 160], [214, 193, 199], [197, 220, 240]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #753D66, #C44989, #DB88A0, #D6C1C7, #C5DCF0 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: #753d66; --color-2: #c44989; --color-3: #db88a0; --color-4: #d6c1c7; --color-5: #c5dcf0. 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 cool-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