← Back to Editor

#914C81 · #8F7986 · #69B194 · #A1B3BF · #BCCCC9

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 Library

Color Details Color Details

#914C81

Rose Purple · Gray · Violet

HEX
#914C81
RGB
rgb(145, 76, 129)
HSL
hsl(314, 31%, 43%)
HSB
hsb(314, 48%, 57%)
CMYK
cmyk(0%, 48%, 11%, 43%)
Oklch
oklch(51.8% 0.116 336.5)

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

#8F7986

Rose Purple · Gray · Warm Gray

HEX
#8F7986
RGB
rgb(143, 121, 134)
HSL
hsl(325, 9%, 52%)
HSB
hsb(325, 15%, 56%)
CMYK
cmyk(0%, 15%, 6%, 44%)
Oklch
oklch(60.1% 0.033 341.9)

Traditional「Rose Purple」· Paint「Warm Gray」· Creative Urban Concrete

#69B194

Mineral Blue · CadetBlue · Olive Green

HEX
#69B194
RGB
rgb(105, 177, 148)
HSL
hsl(156, 32%, 55%)
HSB
hsb(156, 41%, 69%)
CMYK
cmyk(41%, 0%, 16%, 31%)
Oklch
oklch(70.5% 0.085 166.3)

Traditional「Mineral Blue」· Paint「Olive Green」· Creative Blush Sunrise

#A1B3BF

Sky Blue · DarkGray · Cobalt Blue

HEX
#A1B3BF
RGB
rgb(161, 179, 191)
HSL
hsl(204, 19%, 69%)
HSB
hsb(204, 16%, 75%)
CMYK
cmyk(16%, 6%, 0%, 25%)
Oklch
oklch(75.7% 0.026 237.0)

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

#BCCCC9

Jade · Silver · Glacier Blue

HEX
#BCCCC9
RGB
rgb(188, 204, 201)
HSL
hsl(169, 14%, 77%)
HSB
hsb(169, 8%, 80%)
CMYK
cmyk(8%, 0%, 1%, 20%)
Oklch
oklch(83.2% 0.018 183.4)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

914C81
4C905C

Analogous

7E4C90
914C81
904C5E

Triadic

914C81
80904C
4C8090

Split-Comp.

914C81
5E904C
4C907E

Tetradic

914C81
907E4C
4C905C
4C5E90

Contrast Matrix WCAG 2.1 Contrast

914C81
8F7986
69B194
A1B3BF
BCCCC9
—
1.5
Fail
2.3
Fail
2.7
Fail
3.5
AA Large
1.5
Fail
—
1.6
Fail
1.9
Fail
2.4
Fail
2.3
Fail
1.6
Fail
—
1.2
Fail
1.5
Fail
2.7
Fail
1.9
Fail
1.2
Fail
—
1.3
Fail
3.5
AA Large
2.4
Fail
1.5
Fail
1.3
Fail
—
White BG
5.9AA
4.0AA Large
2.5Fail
2.2Fail
1.7Fail
Black BG
3.6AA Large
5.2AA
8.3AAA
9.7AAA
12.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

737374
858583
88899B
A9A9BC
C3C3CA

Deuteranopia

777C71
878882
847F9D
A8A6BB
C2C1CA

Tritanopia

8E6A68
8E8080
6DA1A2
A2BAB9
BDCACA

Achromatopsia

676767
818181
989898
AFAFAF
C7C7C7

Shades & Tints Shades & Tints

#914C81

Dark
Light

#8F7986

Dark
Light

#69B194

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #914c81;
  --color-2: #8f7986;
  --color-3: #69b194;
  --color-4: #a1b3bf;
  --color-5: #bcccc9;
}

SCSS

$color-1: #914c81;
$color-2: #8f7986;
$color-3: #69b194;
$color-4: #a1b3bf;
$color-5: #bcccc9;

TAILWIND

colors: {
  'brand-1': '#914c81',
  'brand-2': '#8f7986',
  'brand-3': '#69b194',
  'brand-4': '#a1b3bf',
  'brand-5': '#bcccc9',
}

RGB Array

[145, 76, 129], [143, 121, 134], [105, 177, 148], [161, 179, 191], [188, 204, 201]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #914C81, #8F7986, #69B194, #A1B3BF, #BCCCC9 is ideal for: brand design, premium product pages, magazine layouts. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #914c81; --color-2: #8f7986; --color-3: #69b194; --color-4: #a1b3bf; --color-5: #bcccc9. 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 general-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco industries. Restrained colors convey professionalism and trust. 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