← Back to Editor

#ADB5F9 · #B680CA · #A249B0 · #6B217E · #4C2462

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#ADB5F9

Azure · LightSteelBlue · Sky Blue

HEX
#ADB5F9
RGB
rgb(173, 181, 249)
HSL
hsl(234, 86%, 83%)
HSB
hsb(234, 31%, 98%)
CMYK
cmyk(31%, 27%, 0%, 2%)
Oklch
oklch(79.2% 0.097 278.7)

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

#B680CA

Lilac · Orchid · Lilac Purple

HEX
#B680CA
RGB
rgb(182, 128, 202)
HSL
hsl(284, 41%, 65%)
HSB
hsb(284, 37%, 79%)
CMYK
cmyk(10%, 37%, 0%, 21%)
Oklch
oklch(68.0% 0.121 316.6)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

#A249B0

Dark Plum · DarkOrchid · Violet

HEX
#A249B0
RGB
rgb(162, 73, 176)
HSL
hsl(292, 41%, 49%)
HSB
hsb(292, 59%, 69%)
CMYK
cmyk(8%, 59%, 0%, 31%)
Oklch
oklch(56.0% 0.175 322.0)

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

#6B217E

Royal Purple · Purple · Eggplant

HEX
#6B217E
RGB
rgb(107, 33, 126)
HSL
hsl(288, 58%, 31%)
HSB
hsb(288, 74%, 49%)
CMYK
cmyk(15%, 74%, 0%, 51%)
Oklch
oklch(40.6% 0.158 318.6)

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

#4C2462

Dark Plum · DarkSlateBlue · Eggplant

HEX
#4C2462
RGB
rgb(76, 36, 98)
HSL
hsl(279, 46%, 26%)
HSB
hsb(279, 63%, 38%)
CMYK
cmyk(22%, 63%, 0%, 62%)
Oklch
oklch(34.6% 0.110 311.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ADB5F9
F9F1AE

Analogous

AEDBF9
ADB5F9
CCAEF9

Triadic

ADB5F9
F9AEB6
B6F9AE

Split-Comp.

ADB5F9
F9CCAE
DBF9AE

Tetradic

ADB5F9
F9AEDB
F9F1AE
AEF9CC

Contrast Matrix WCAG 2.1 Contrast

ADB5F9
B680CA
A249B0
6B217E
4C2462
—
1.6
Fail
2.6
Fail
5.0
AA
6.2
AA
1.6
Fail
—
1.7
Fail
3.2
AA Large
4.0
AA Large
2.6
Fail
1.7
Fail
—
1.9
Fail
2.4
Fail
5.0
AA
3.2
AA Large
1.9
Fail
—
1.2
Fail
6.2
AA
4.0
AA Large
2.4
Fail
1.2
Fail
—
White BG
2.0Fail
3.0AA Large
5.1AA
9.8AAA
12.1AAA
Black BG
10.8AAA
6.9AA
4.1AA Large
2.1Fail
1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B0B1E9
9F9EB8
7B7B97
4B4A67
3B3A53

Deuteranopia

B0AFE5
A2A6B4
818791
4F5562
3D404F

Tritanopia

ADDCD9
B3AAA7
9E837F
675652
4A4745

Achromatopsia

BABABA
999999
6F6F6F
424242
373737

Shades & Tints Shades & Tints

#ADB5F9

Dark
Light

#B680CA

Dark
Light

#A249B0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #adb5f9;
  --color-2: #b680ca;
  --color-3: #a249b0;
  --color-4: #6b217e;
  --color-5: #4c2462;
}

SCSS

$color-1: #adb5f9;
$color-2: #b680ca;
$color-3: #a249b0;
$color-4: #6b217e;
$color-5: #4c2462;

TAILWIND

colors: {
  'brand-1': '#adb5f9',
  'brand-2': '#b680ca',
  'brand-3': '#a249b0',
  'brand-4': '#6b217e',
  'brand-5': '#4c2462',
}

RGB Array

[173, 181, 249], [182, 128, 202], [162, 73, 176], [107, 33, 126], [76, 36, 98]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #ADB5F9, #B680CA, #A249B0, #6B217E, #4C2462 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: #adb5f9; --color-2: #b680ca; --color-3: #a249b0; --color-4: #6b217e; --color-5: #4c2462. 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