#926F9C + #71838F + #509681 + #86CC7C + #C9E887 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#926F9C

Dark Plum · LightSlateGray · Violet

HEX

#926F9C

RGB

rgb(146, 111, 156)

HSL

hsl(287, 19%, 52%)

HSB

hsb(287, 29%, 61%)

CMYK

cmyk(6%, 29%, 0%, 39%)

Oklch

oklch(59.2% 0.078 318.6)

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

#71838F

Slate Blue · SlateGray · Navy Blue

HEX

#71838F

RGB

rgb(113, 131, 143)

HSL

hsl(204, 12%, 50%)

HSB

hsb(204, 21%, 56%)

CMYK

cmyk(21%, 8%, 0%, 44%)

Oklch

oklch(60.0% 0.028 237.2)

Traditional「Slate Blue」· Paint「Navy Blue」· Creative Blush Sunrise

#509681

Mineral Blue · CadetBlue · Mint Ice

HEX

#509681

RGB

rgb(80, 150, 129)

HSL

hsl(162, 30%, 45%)

HSB

hsb(162, 47%, 59%)

CMYK

cmyk(47%, 0%, 14%, 41%)

Oklch

oklch(62.1% 0.079 172.0)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#86CC7C

Celadon · DarkSeaGreen · Apple Green

HEX

#86CC7C

RGB

rgb(134, 204, 124)

HSL

hsl(113, 44%, 64%)

HSB

hsb(113, 39%, 80%)

CMYK

cmyk(34%, 0%, 39%, 20%)

Oklch

oklch(77.9% 0.131 141.4)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#C9E887

Willow Green · Khaki · Apple Green

HEX

#C9E887

RGB

rgb(201, 232, 135)

HSL

hsl(79, 68%, 72%)

HSB

hsb(79, 42%, 91%)

CMYK

cmyk(13%, 0%, 42%, 9%)

Oklch

oklch(88.7% 0.128 123.5)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

926F9C

779C6D

Analogous

7B6D9C

926F9C

9C6D8F

Triadic

926F9C

9C926D

6D9C92

Split-Comp.

926F9C

8F9C6D

6D9C7B

Tetradic

926F9C

9C7B6D

779C6D

6D8F9C

Contrast Matrix WCAG 2.1 Contrast

926F9C	71838F	509681	86CC7C	C9E887
—	1.1 Fail	1.2 Fail	2.2 Fail	3.1 AA Large
1.1 Fail	—	1.1 Fail	2.0 Fail	2.9 Fail
1.2 Fail	1.1 Fail	—	1.8 Fail	2.6 Fail
2.2 Fail	2.0 Fail	1.8 Fail	—	1.4 Fail
3.1 AA Large	2.9 Fail	2.6 Fail	1.4 Fail	—

White BG

4.2AA Large

3.9AA Large

3.5AA Large

1.9Fail

1.4Fail

Black BG

5.0AA

5.3AA

6.0AA

10.9AAA

15.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

838391

79798C

6E6F86

A4A58F

D6D79E

Deuteranopia

85888F

78768B

6A6587

A09B94

D5D2A4

Tritanopia

908987

728A89

548A8B

8A9FA2

CBB1B5

Achromatopsia

7F7F7F

AEAEAE

D4D4D4

Shades & Tints Shades & Tints

#926F9C

Dark

Light

#71838F

Dark

Light

#509681

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #926f9c;
  --color-2: #71838f;
  --color-3: #509681;
  --color-4: #86cc7c;
  --color-5: #c9e887;
}

SCSS

$color-1: #926f9c;
$color-2: #71838f;
$color-3: #509681;
$color-4: #86cc7c;
$color-5: #c9e887;

TAILWIND

colors: {
  'brand-1': '#926f9c',
  'brand-2': '#71838f',
  'brand-3': '#509681',
  'brand-4': '#86cc7c',
  'brand-5': '#c9e887',
}

RGB Array

[146, 111, 156], [113, 131, 143], [80, 150, 129], [134, 204, 124], [201, 232, 135]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #926F9C, #71838F, #509681, #86CC7C, #C9E887 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: #926f9c; --color-2: #71838f; --color-3: #509681; --color-4: #86cc7c; --color-5: #c9e887. 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. 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