#5119BD + #8154A1 + #B37BA1 + #CF939E + #C2ABA3 · cool - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#5119BD

Deep Indigo · DarkSlateBlue · Violet

HEX

#5119BD

RGB

rgb(81, 25, 189)

HSL

hsl(260, 77%, 42%)

HSB

hsb(260, 87%, 74%)

CMYK

cmyk(57%, 87%, 0%, 26%)

Oklch

oklch(42.2% 0.224 287.5)

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

#8154A1

Dark Plum · SlateBlue · Violet

HEX

#8154A1

RGB

rgb(129, 84, 161)

HSL

hsl(275, 31%, 48%)

HSB

hsb(275, 48%, 63%)

CMYK

cmyk(20%, 48%, 0%, 37%)

Oklch

oklch(52.8% 0.126 309.7)

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

#B37BA1

Rose Purple · DarkGray · Violet

HEX

#B37BA1

RGB

rgb(179, 123, 161)

HSL

hsl(319, 27%, 59%)

HSB

hsb(319, 31%, 70%)

CMYK

cmyk(0%, 31%, 10%, 30%)

Oklch

oklch(65.2% 0.086 339.2)

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

#CF939E

Peach Pink · Tan · Coral Red

HEX

#CF939E

RGB

rgb(207, 147, 158)

HSL

hsl(349, 38%, 69%)

HSB

hsb(349, 29%, 81%)

CMYK

cmyk(0%, 29%, 24%, 19%)

Oklch

oklch(72.5% 0.074 7.0)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#C2ABA3

Apricot · DarkGray · Warm Sun

HEX

#C2ABA3

RGB

rgb(194, 171, 163)

HSL

hsl(15, 20%, 70%)

HSB

hsb(15, 16%, 76%)

CMYK

cmyk(0%, 12%, 16%, 24%)

Oklch

oklch(75.9% 0.029 40.2)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5119BD

87BE19

Analogous

1934BE

5119BD

A219BE

Triadic

5119BD

BE5019

19BE50

Split-Comp.

5119BD

BEA219

34BE19

Tetradic

5119BD

BE1934

87BE19

19BEA2

Contrast Matrix WCAG 2.1 Contrast

5119BD	8154A1	B37BA1	CF939E	C2ABA3
—	1.7 Fail	2.8 Fail	3.7 AA Large	4.3 AA Large
1.7 Fail	—	1.7 Fail	2.2 Fail	2.6 Fail
2.8 Fail	1.7 Fail	—	1.3 Fail	1.5 Fail
3.7 AA Large	2.2 Fail	1.3 Fail	—	1.2 Fail
4.3 AA Large	2.6 Fail	1.5 Fail	1.2 Fail	—

White BG

9.4AAA

5.7AA

3.4AA Large

2.5Fail

2.2Fail

Black BG

2.2Fail

3.7AA Large

6.3AA

8.3AAA

9.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

393895

6E6D8E

9B9A98

B5B49B

B8B8A5

Deuteranopia

3C408C

70748A

9EA296

B9BD9B

B9BBA5

Tritanopia

4E766F

7F807C

B0918F

CC9999

C1A6A7

Achromatopsia

3C3C3C

6A6A6A

909090

A6A6A6

B1B1B1

Shades & Tints Shades & Tints

#5119BD

Dark

Light

#8154A1

Dark

Light

#B37BA1

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5119bd;
  --color-2: #8154a1;
  --color-3: #b37ba1;
  --color-4: #cf939e;
  --color-5: #c2aba3;
}

SCSS

$color-1: #5119bd;
$color-2: #8154a1;
$color-3: #b37ba1;
$color-4: #cf939e;
$color-5: #c2aba3;

TAILWIND

colors: {
  'brand-1': '#5119bd',
  'brand-2': '#8154a1',
  'brand-3': '#b37ba1',
  'brand-4': '#cf939e',
  'brand-5': '#c2aba3',
}

RGB Array

[81, 25, 189], [129, 84, 161], [179, 123, 161], [207, 147, 158], [194, 171, 163]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #5119BD, #8154A1, #B37BA1, #CF939E, #C2ABA3 is ideal for: corporate websites, product showcases, portfolios. 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: #5119bd; --color-2: #8154a1; --color-3: #b37ba1; --color-4: #cf939e; --color-5: #c2aba3. 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. 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