← Back to Editor

#CAD5DB · #91BFE1 · #6B6ECB · #733195 · #7B1D69

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

#CAD5DB

Sky Blue · LightGray · Sky Blue

HEX
#CAD5DB
RGB
rgb(202, 213, 219)
HSL
hsl(201, 19%, 83%)
HSB
hsb(201, 8%, 86%)
CMYK
cmyk(8%, 3%, 0%, 14%)
Oklch
oklch(86.6% 0.015 231.2)

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

#91BFE1

Sky Blue · SkyBlue · Cobalt Blue

HEX
#91BFE1
RGB
rgb(145, 191, 225)
HSL
hsl(206, 57%, 73%)
HSB
hsb(206, 36%, 88%)
CMYK
cmyk(36%, 15%, 0%, 12%)
Oklch
oklch(78.4% 0.069 240.7)

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

#6B6ECB

Azure · SlateBlue · Cobalt Blue

HEX
#6B6ECB
RGB
rgb(107, 110, 203)
HSL
hsl(238, 48%, 61%)
HSB
hsb(238, 47%, 80%)
CMYK
cmyk(47%, 46%, 0%, 20%)
Oklch
oklch(58.0% 0.141 279.7)

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

#733195

Royal Purple · DarkSlateBlue · Eggplant

HEX
#733195
RGB
rgb(115, 49, 149)
HSL
hsl(280, 51%, 39%)
HSB
hsb(280, 67%, 58%)
CMYK
cmyk(23%, 67%, 0%, 42%)
Oklch
oklch(45.1% 0.163 312.0)

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

#7B1D69

Rose Purple · Purple · Eggplant

HEX
#7B1D69
RGB
rgb(123, 29, 105)
HSL
hsl(311, 62%, 30%)
HSB
hsb(311, 76%, 48%)
CMYK
cmyk(0%, 76%, 15%, 52%)
Oklch
oklch(41.4% 0.153 336.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CAD5DB
DCD1CB

Analogous

CBDCD9
CAD5DB
CBCEDC

Triadic

CAD5DB
DCCBD6
D6DCCB

Split-Comp.

CAD5DB
DCCBCE
DCD9CB

Tetradic

CAD5DB
D9CBDC
DCD1CB
CEDCCB

Contrast Matrix WCAG 2.1 Contrast

CAD5DB
91BFE1
6B6ECB
733195
7B1D69
—
1.3
Fail
3.0
Fail
5.4
AA
6.3
AA
1.3
Fail
—
2.3
Fail
4.1
AA Large
4.8
AA
3.0
Fail
2.3
Fail
—
1.8
Fail
2.1
Fail
5.4
AA
4.1
AA Large
1.8
Fail
—
1.2
Fail
6.3
AA
4.8
AA
2.1
Fail
1.2
Fail
—
White BG
1.5Fail
2.0Fail
4.5AA Large
8.1AAA
9.5AAA
Black BG
14.1AAA
10.7AAA
4.7AA
2.6Fail
2.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

CFCFDA
A5A5D9
6C6CB4
56567D
525157

Deuteranopia

CECDD9
A29FD7
6C6CAF
5A5F77
585F52

Tritanopia

CBD8D8
93D2D1
6BA39F
706A66
764845

Achromatopsia

D2D2D2
B5B5B5
787878
505050
424242

Shades & Tints Shades & Tints

#CAD5DB

Dark
Light

#91BFE1

Dark
Light

#6B6ECB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cad5db;
  --color-2: #91bfe1;
  --color-3: #6b6ecb;
  --color-4: #733195;
  --color-5: #7b1d69;
}

SCSS

$color-1: #cad5db;
$color-2: #91bfe1;
$color-3: #6b6ecb;
$color-4: #733195;
$color-5: #7b1d69;

TAILWIND

colors: {
  'brand-1': '#cad5db',
  'brand-2': '#91bfe1',
  'brand-3': '#6b6ecb',
  'brand-4': '#733195',
  'brand-5': '#7b1d69',
}

RGB Array

[202, 213, 219], [145, 191, 225], [107, 110, 203], [115, 49, 149], [123, 29, 105]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CAD5DB, #91BFE1, #6B6ECB, #733195, #7B1D69 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: #cad5db; --color-2: #91bfe1; --color-3: #6b6ecb; --color-4: #733195; --color-5: #7b1d69. 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