#549790 + #5DA69E + #64B3A9 + #BBD6C5 + #A9DBBE - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#549790

Mineral Blue · CadetBlue · Mint Ice

HEX

#549790

RGB

rgb(84, 151, 144)

HSL

hsl(174, 29%, 46%)

HSB

hsb(174, 44%, 59%)

CMYK

cmyk(44%, 0%, 5%, 41%)

Oklch

oklch(63.0% 0.069 186.9)

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

#5DA69E

Mineral Blue · CadetBlue · Lake Green

HEX

#5DA69E

RGB

rgb(93, 166, 158)

HSL

hsl(173, 29%, 51%)

HSB

hsb(173, 44%, 65%)

CMYK

cmyk(44%, 0%, 5%, 35%)

Oklch

oklch(67.5% 0.075 186.5)

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

#64B3A9

Mineral Blue · CadetBlue · Lake Green

HEX

#64B3A9

RGB

rgb(100, 179, 169)

HSL

hsl(172, 34%, 55%)

HSB

hsb(172, 44%, 70%)

CMYK

cmyk(44%, 0%, 6%, 30%)

Oklch

oklch(71.3% 0.080 185.1)

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

#BBD6C5

Celadon · Silver · Apple Green

HEX

#BBD6C5

RGB

rgb(187, 214, 197)

HSL

hsl(142, 25%, 79%)

HSB

hsb(142, 13%, 84%)

CMYK

cmyk(13%, 0%, 8%, 16%)

Oklch

oklch(85.1% 0.037 157.9)

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

#A9DBBE

Celadon · Silver · Apple Green

HEX

#A9DBBE

RGB

rgb(169, 219, 190)

HSL

hsl(145, 41%, 76%)

HSB

hsb(145, 23%, 86%)

CMYK

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

Oklch

oklch(84.8% 0.066 159.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

549790

97535A

Analogous

53976E

549790

537C97

Triadic

549790

915397

979153

Split-Comp.

549790

97537C

976E53

Tetradic

549790

6E5397

97535A

7C9753

Contrast Matrix WCAG 2.1 Contrast

549790	5DA69E	64B3A9	BBD6C5	A9DBBE
—	1.2 Fail	1.4 Fail	2.2 Fail	2.2 Fail
1.2 Fail	—	1.2 Fail	1.8 Fail	1.8 Fail
1.4 Fail	1.2 Fail	—	1.6 Fail	1.6 Fail
2.2 Fail	1.8 Fail	1.6 Fail	—	1.0 Fail
2.2 Fail	1.8 Fail	1.6 Fail	1.0 Fail	—

White BG

3.4AA Large

2.8Fail

2.5Fail

1.6Fail

1.5Fail

Black BG

6.2AA

7.4AAA

8.6AAA

13.5AAA

13.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

717292

7D7DA0

8687AB

C7C7C9

BFBFC5

Deuteranopia

6D6892

7873A0

827CAC

C5C3CA

BCB8C7

Tritanopia

579393

61A1A2

68ADAE

BCCCCD

ABCBCC

Achromatopsia

828282

8F8F8F

9A9A9A

CCCCCC

C9C9C9

Shades & Tints Shades & Tints

#549790

Dark

Light

#5DA69E

Dark

Light

#64B3A9

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #549790;
  --color-2: #5da69e;
  --color-3: #64b3a9;
  --color-4: #bbd6c5;
  --color-5: #a9dbbe;
}

SCSS

$color-1: #549790;
$color-2: #5da69e;
$color-3: #64b3a9;
$color-4: #bbd6c5;
$color-5: #a9dbbe;

TAILWIND

colors: {
  'brand-1': '#549790',
  'brand-2': '#5da69e',
  'brand-3': '#64b3a9',
  'brand-4': '#bbd6c5',
  'brand-5': '#a9dbbe',
}

RGB Array

[84, 151, 144], [93, 166, 158], [100, 179, 169], [187, 214, 197], [169, 219, 190]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #549790, #5DA69E, #64B3A9, #BBD6C5, #A9DBBE 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: #549790; --color-2: #5da69e; --color-3: #64b3a9; --color-4: #bbd6c5; --color-5: #a9dbbe. 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