#809495 + #69A098 + #49C5A3 + #ADCAB0 + #8DD95D - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#809495

Slate Blue · LightSlateGray · Warm Gray

HEX

#809495

RGB

rgb(128, 148, 149)

HSL

hsl(183, 9%, 54%)

HSB

hsb(183, 14%, 58%)

CMYK

cmyk(14%, 1%, 0%, 42%)

Oklch

oklch(65.1% 0.023 200.3)

Traditional「Slate Blue」· Paint「Warm Gray」· Creative Urban Concrete

#69A098

Mineral Blue · CadetBlue · Lake Green

HEX

#69A098

RGB

rgb(105, 160, 152)

HSL

hsl(171, 22%, 52%)

HSB

hsb(171, 34%, 63%)

CMYK

cmyk(34%, 0%, 5%, 37%)

Oklch

oklch(66.5% 0.059 184.4)

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

#49C5A3

Mineral Blue · MediumAquaMarine · Lake Green

HEX

#49C5A3

RGB

rgb(73, 197, 163)

HSL

hsl(164, 52%, 53%)

HSB

hsb(164, 63%, 77%)

CMYK

cmyk(63%, 0%, 17%, 23%)

Oklch

oklch(74.5% 0.121 171.5)

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

#ADCAB0

Celadon · Silver · Apple Green

HEX

#ADCAB0

RGB

rgb(173, 202, 176)

HSL

hsl(126, 21%, 74%)

HSB

hsb(126, 14%, 79%)

CMYK

cmyk(14%, 0%, 13%, 21%)

Oklch

oklch(81.0% 0.048 148.0)

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

#8DD95D

Emerald · LightGreen · Apple Green

HEX

#8DD95D

RGB

rgb(141, 217, 93)

HSL

hsl(97, 62%, 61%)

HSB

hsb(97, 57%, 85%)

CMYK

cmyk(35%, 0%, 57%, 15%)

Oklch

oklch(80.9% 0.175 135.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

809495

94807F

Analogous

7F948B

809495

7F8994

Triadic

809495

947F93

93947F

Split-Comp.

809495

947F89

948B7F

Tetradic

809495

8B7F94

94807F

89947F

Contrast Matrix WCAG 2.1 Contrast

809495	69A098	49C5A3	ADCAB0	8DD95D
—	1.1 Fail	1.5 Fail	1.8 Fail	1.9 Fail
1.1 Fail	—	1.4 Fail	1.7 Fail	1.7 Fail
1.5 Fail	1.4 Fail	—	1.2 Fail	1.2 Fail
1.8 Fail	1.7 Fail	1.2 Fail	—	1.0 Fail
1.9 Fail	1.7 Fail	1.2 Fail	1.0 Fail	—

White BG

3.2AA Large

3.0Fail

2.1Fail

1.8Fail

1.7Fail

Black BG

6.6AA

7.1AAA

9.8AAA

11.9AAA

12.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

898995

81819A

7F80AB

BABAB6

AEAF7B

Deuteranopia

888695

7E7A9A

786EAD

B8B6B8

AAA482

Tritanopia

819595

6C9B9C

4FB2B3

AEBBBC

919398

Achromatopsia

8E8E8E

8F8F8F

9C9C9C

BEBEBE

B4B4B4

Shades & Tints Shades & Tints

#809495

Dark

Light

#69A098

Dark

Light

#49C5A3

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #809495;
  --color-2: #69a098;
  --color-3: #49c5a3;
  --color-4: #adcab0;
  --color-5: #8dd95d;
}

SCSS

$color-1: #809495;
$color-2: #69a098;
$color-3: #49c5a3;
$color-4: #adcab0;
$color-5: #8dd95d;

TAILWIND

colors: {
  'brand-1': '#809495',
  'brand-2': '#69a098',
  'brand-3': '#49c5a3',
  'brand-4': '#adcab0',
  'brand-5': '#8dd95d',
}

RGB Array

[128, 148, 149], [105, 160, 152], [73, 197, 163], [173, 202, 176], [141, 217, 93]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #809495, #69A098, #49C5A3, #ADCAB0, #8DD95D 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: #809495; --color-2: #69a098; --color-3: #49c5a3; --color-4: #adcab0; --color-5: #8dd95d. 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