#6F00FE + #833EDE + #855EB8 + #996B91 + #9E7B5A · 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

#6F00FE

Deep Indigo · DarkViolet · Violet

HEX

#6F00FE

RGB

rgb(111, 0, 254)

HSL

hsl(266, 100%, 50%)

HSB

hsb(266, 100%, 100%)

CMYK

cmyk(56%, 100%, 0%, 0%)

Oklch

oklch(51.1% 0.292 288.5)

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

#833EDE

Deep Indigo · DarkOrchid · Violet

HEX

#833EDE

RGB

rgb(131, 62, 222)

HSL

hsl(266, 71%, 56%)

HSB

hsb(266, 72%, 87%)

CMYK

cmyk(41%, 72%, 0%, 13%)

Oklch

oklch(54.1% 0.227 297.9)

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

#855EB8

Deep Indigo · SlateBlue · Violet

HEX

#855EB8

RGB

rgb(133, 94, 184)

HSL

hsl(266, 39%, 55%)

HSB

hsb(266, 49%, 72%)

CMYK

cmyk(28%, 49%, 0%, 28%)

Oklch

oklch(56.2% 0.139 302.1)

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

#996B91

Rose Purple · Gray · Violet

HEX

#996B91

RGB

rgb(153, 107, 145)

HSL

hsl(310, 18%, 51%)

HSB

hsb(310, 30%, 60%)

CMYK

cmyk(0%, 30%, 5%, 40%)

Oklch

oklch(58.8% 0.079 332.8)

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

#9E7B5A

Tangerine · Gray · Amber Brown

HEX

#9E7B5A

RGB

rgb(158, 123, 90)

HSL

hsl(29, 27%, 49%)

HSB

hsb(29, 43%, 62%)

CMYK

cmyk(0%, 22%, 43%, 38%)

Oklch

oklch(60.9% 0.064 64.5)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6F00FE

91FF00

Analogous

0011FF

6F00FE

EE00FF

Triadic

6F00FE

FF6F00

00FF6F

Split-Comp.

6F00FE

FFEE00

11FF00

Tetradic

6F00FE

FF0011

91FF00

00FFEE

Contrast Matrix WCAG 2.1 Contrast

6F00FE	833EDE	855EB8	996B91	9E7B5A
—	1.2 Fail	1.4 Fail	1.6 Fail	1.7 Fail
1.2 Fail	—	1.2 Fail	1.3 Fail	1.5 Fail
1.4 Fail	1.2 Fail	—	1.1 Fail	1.3 Fail
1.6 Fail	1.3 Fail	1.1 Fail	—	1.1 Fail
1.7 Fail	1.5 Fail	1.3 Fail	1.1 Fail	—

White BG

6.8AA

5.7AA

4.9AA

4.3AA Large

3.9AA Large

Black BG

3.1AA Large

3.7AA Large

4.3AA Large

4.9AA

5.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3F3EC1

6565B7

7474A2

858588

8F8F62

Deuteranopia

454EB2

696EAE

76799D

888B86

919464

Tritanopia

699085

809992

83918D

97817F

9C686A

Achromatopsia

3E3E3E

656565

747474

7D7D7D

828282

Shades & Tints Shades & Tints

#6F00FE

Dark

Light

#833EDE

Dark

Light

#855EB8

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6f00fe;
  --color-2: #833ede;
  --color-3: #855eb8;
  --color-4: #996b91;
  --color-5: #9e7b5a;
}

SCSS

$color-1: #6f00fe;
$color-2: #833ede;
$color-3: #855eb8;
$color-4: #996b91;
$color-5: #9e7b5a;

TAILWIND

colors: {
  'brand-1': '#6f00fe',
  'brand-2': '#833ede',
  'brand-3': '#855eb8',
  'brand-4': '#996b91',
  'brand-5': '#9e7b5a',
}

RGB Array

[111, 0, 254], [131, 62, 222], [133, 94, 184], [153, 107, 145], [158, 123, 90]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #6F00FE, #833EDE, #855EB8, #996B91, #9E7B5A 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: #6f00fe; --color-2: #833ede; --color-3: #855eb8; --color-4: #996b91; --color-5: #9e7b5a. 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