← Back to Editor

#19F8DA · #91E4C5 · #929A97 · #AA76B5 · #59536C

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#19F8DA

Mineral Blue · Cyan · Lake Green

HEX
#19F8DA
RGB
rgb(25, 248, 218)
HSL
hsl(172, 94%, 54%)
HSB
hsb(172, 90%, 97%)
CMYK
cmyk(90%, 0%, 12%, 3%)
Oklch
oklch(87.8% 0.157 179.6)

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

#91E4C5

Jade · LightBlue · Apple Green

HEX
#91E4C5
RGB
rgb(145, 228, 197)
HSL
hsl(158, 61%, 73%)
HSB
hsb(158, 36%, 89%)
CMYK
cmyk(36%, 0%, 14%, 11%)
Oklch
oklch(85.7% 0.093 168.5)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#929A97

Ash · LightSlateGray · Silver Sand

HEX
#929A97
RGB
rgb(146, 154, 151)
HSL
hsl(158, 4%, 59%)
HSB
hsb(158, 5%, 60%)
CMYK
cmyk(5%, 0%, 2%, 40%)
Oklch
oklch(67.9% 0.010 171.6)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#AA76B5

Dark Plum · MediumOrchid · Violet

HEX
#AA76B5
RGB
rgb(170, 118, 181)
HSL
hsl(290, 30%, 59%)
HSB
hsb(290, 35%, 71%)
CMYK
cmyk(6%, 35%, 0%, 29%)
Oklch
oklch(64.1% 0.108 320.4)

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

#59536C

Deep Indigo · DimGray · Prussian Blue

HEX
#59536C
RGB
rgb(89, 83, 108)
HSL
hsl(254, 13%, 37%)
HSB
hsb(254, 23%, 42%)
CMYK
cmyk(18%, 23%, 0%, 58%)
Oklch
oklch(45.8% 0.041 295.7)

Traditional「Deep Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

19F8DA
F81B39

Analogous

1BF86C
19F8DA
1BA7F8

Triadic

19F8DA
DB1BF8
F8DB1B

Split-Comp.

19F8DA
F81BA7
F86C1B

Tetradic

19F8DA
6C1BF8
F81B39
A7F81B

Contrast Matrix WCAG 2.1 Contrast

19F8DA
91E4C5
929A97
AA76B5
59536C
—
1.1
Fail
2.1
Fail
2.6
Fail
5.4
AA
1.1
Fail
—
1.9
Fail
2.4
Fail
4.9
AA
2.1
Fail
1.9
Fail
—
1.2
Fail
2.5
Fail
2.6
Fail
2.4
Fail
1.2
Fail
—
2.1
Fail
5.4
AA
4.9
AA
2.5
Fail
2.1
Fail
—
White BG
1.4Fail
1.5Fail
2.9Fail
3.5AA Large
7.3AAA
Black BG
15.5AAA
14.1AAA
7.3AAA
6.0AA
2.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

7A7CE1
B5B6CD
959698
9393A6
565666

Deuteranopia

6D5CE3
B0AACE
959498
979AA2
575765

Tritanopia

24E7E8
95D2D4
929898
A79A97
596160

Achromatopsia

B2B2B2
C8C8C8
979797
8D8D8D
585858

Shades & Tints Shades & Tints

#19F8DA

Dark
Light

#91E4C5

Dark
Light

#929A97

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #19f8da;
  --color-2: #91e4c5;
  --color-3: #929a97;
  --color-4: #aa76b5;
  --color-5: #59536c;
}

SCSS

$color-1: #19f8da;
$color-2: #91e4c5;
$color-3: #929a97;
$color-4: #aa76b5;
$color-5: #59536c;

TAILWIND

colors: {
  'brand-1': '#19f8da',
  'brand-2': '#91e4c5',
  'brand-3': '#929a97',
  'brand-4': '#aa76b5',
  'brand-5': '#59536c',
}

RGB Array

[25, 248, 218], [145, 228, 197], [146, 154, 151], [170, 118, 181], [89, 83, 108]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #19F8DA, #91E4C5, #929A97, #AA76B5, #59536C 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: #19f8da; --color-2: #91e4c5; --color-3: #929a97; --color-4: #aa76b5; --color-5: #59536c. 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