← Back to Editor

#544961 · #DB6EB6 · #D073A7 · #B3DAFA · #96D7E6

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

#544961

Deep Indigo · DimGray · Eggplant

HEX
#544961
RGB
rgb(84, 73, 97)
HSL
hsl(268, 14%, 33%)
HSB
hsb(268, 25%, 38%)
CMYK
cmyk(13%, 25%, 0%, 62%)
Oklch
oklch(42.6% 0.041 305.6)

Traditional「Deep Indigo」· Paint「Eggplant」· Creative Blush Sunrise

#DB6EB6

Mauve · Orchid · Rose Pink

HEX
#DB6EB6
RGB
rgb(219, 110, 182)
HSL
hsl(320, 60%, 65%)
HSB
hsb(320, 50%, 86%)
CMYK
cmyk(0%, 50%, 17%, 14%)
Oklch
oklch(68.7% 0.160 341.9)

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

#D073A7

Mauve · Orchid · Rose Pink

HEX
#D073A7
RGB
rgb(208, 115, 167)
HSL
hsl(326, 50%, 63%)
HSB
hsb(326, 45%, 82%)
CMYK
cmyk(0%, 45%, 20%, 18%)
Oklch
oklch(67.5% 0.132 346.6)

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

#B3DAFA

Sky Blue · LightBlue · Sky Blue

HEX
#B3DAFA
RGB
rgb(179, 218, 250)
HSL
hsl(207, 88%, 84%)
HSB
hsb(207, 28%, 98%)
CMYK
cmyk(28%, 13%, 0%, 2%)
Oklch
oklch(87.1% 0.061 243.2)

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

#96D7E6

Sky Blue · SkyBlue · Lake Green

HEX
#96D7E6
RGB
rgb(150, 215, 230)
HSL
hsl(191, 62%, 75%)
HSB
hsb(191, 35%, 90%)
CMYK
cmyk(35%, 7%, 0%, 10%)
Oklch
oklch(84.1% 0.069 213.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

544961
556048

Analogous

484960
544961
5F4860

Triadic

544961
605348
486053

Split-Comp.

544961
605F48
496048

Tetradic

544961
604849
556048
48605F

Contrast Matrix WCAG 2.1 Contrast

544961
DB6EB6
D073A7
B3DAFA
96D7E6
—
2.8
Fail
2.7
Fail
5.7
AA
5.3
AA
2.8
Fail
—
1.0
Fail
2.1
Fail
1.9
Fail
2.7
Fail
1.0
Fail
—
2.1
Fail
2.0
Fail
5.7
AA
2.1
Fail
2.1
Fail
—
1.1
Fail
5.3
AA
1.9
Fail
2.0
Fail
1.1
Fail
—
White BG
8.4AAA
3.0AA Large
3.1AA Large
1.5Fail
1.6Fail
Black BG
2.5Fail
6.9AA
6.7AA
14.3AAA
13.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4F4F5B
ACABA5
A8A79A
C4C4F2
B2B3E2

Deuteranopia

50515A
B2BAA0
ADB497
C2BFF0
AEAAE2

Tritanopia

535756
D69794
CB908E
B5ECEB
99E0DF

Achromatopsia

4F4F4F
979797
959595
D2D2D2
C5C5C5

Shades & Tints Shades & Tints

#544961

Dark
Light

#DB6EB6

Dark
Light

#D073A7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #544961;
  --color-2: #db6eb6;
  --color-3: #d073a7;
  --color-4: #b3dafa;
  --color-5: #96d7e6;
}

SCSS

$color-1: #544961;
$color-2: #db6eb6;
$color-3: #d073a7;
$color-4: #b3dafa;
$color-5: #96d7e6;

TAILWIND

colors: {
  'brand-1': '#544961',
  'brand-2': '#db6eb6',
  'brand-3': '#d073a7',
  'brand-4': '#b3dafa',
  'brand-5': '#96d7e6',
}

RGB Array

[84, 73, 97], [219, 110, 182], [208, 115, 167], [179, 218, 250], [150, 215, 230]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #544961, #DB6EB6, #D073A7, #B3DAFA, #96D7E6 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: #544961; --color-2: #db6eb6; --color-3: #d073a7; --color-4: #b3dafa; --color-5: #96d7e6. 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