#99E892 + #A3D6B5 + #87D6C1 + #0DDDD9 + #59869C · sea - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#99E892

Emerald · LightGreen · Apple Green

HEX

#99E892

RGB

rgb(153, 232, 146)

HSL

hsl(115, 65%, 74%)

HSB

hsb(115, 37%, 91%)

CMYK

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

Oklch

oklch(85.9% 0.140 142.4)

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

#A3D6B5

Celadon · Silver · Apple Green

HEX

#A3D6B5

RGB

rgb(163, 214, 181)

HSL

hsl(141, 38%, 74%)

HSB

hsb(141, 24%, 84%)

CMYK

cmyk(24%, 0%, 15%, 16%)

Oklch

oklch(83.1% 0.070 156.2)

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

#87D6C1

Jade · MediumAquaMarine · Lake Green

HEX

#87D6C1

RGB

rgb(135, 214, 193)

HSL

hsl(164, 49%, 68%)

HSB

hsb(164, 37%, 84%)

CMYK

cmyk(37%, 0%, 10%, 16%)

Oklch

oklch(81.9% 0.084 175.4)

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

#0DDDD9

Mineral Blue · DarkTurquoise · Mint Ice

HEX

#0DDDD9

RGB

rgb(13, 221, 217)

HSL

hsl(179, 89%, 46%)

HSB

hsb(179, 94%, 87%)

CMYK

cmyk(94%, 0%, 2%, 13%)

Oklch

oklch(81.2% 0.138 192.4)

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

#59869C

Slate Blue · CadetBlue · Navy Blue

HEX

#59869C

RGB

rgb(89, 134, 156)

HSL

hsl(200, 27%, 48%)

HSB

hsb(200, 43%, 61%)

CMYK

cmyk(43%, 14%, 0%, 39%)

Oklch

oklch(59.6% 0.060 230.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

99E892

E192E8

Analogous

C4E892

99E892

92E8B6

Triadic

99E892

9299E8

E89299

Split-Comp.

99E892

B692E8

E892C4

Tetradic

99E892

92C4E8

E192E8

E8B692

Contrast Matrix WCAG 2.1 Contrast

99E892	A3D6B5	87D6C1	0DDDD9	59869C
—	1.1 Fail	1.2 Fail	1.2 Fail	2.7 Fail
1.1 Fail	—	1.0 Fail	1.0 Fail	2.4 Fail
1.2 Fail	1.0 Fail	—	1.0 Fail	2.3 Fail
1.2 Fail	1.0 Fail	1.0 Fail	—	2.3 Fail
2.7 Fail	2.4 Fail	2.3 Fail	2.3 Fail	—

White BG

1.5Fail

1.6Fail

1.7Fail

4.0AA Large

Black BG

14.3AAA

12.8AAA

12.4AAA

5.3AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BBBCA7

B9BABD

A9AAC6

6769DA

6C6D97

Deuteranopia

B7B1AC

B6B2BF

A59FC7

5B4BDA

6A6795

Tritanopia

9DB7BB

A6C3C5

8BCACB

17DBDB

5B9292

Achromatopsia

C7C7C7

C3C3C3

BCBCBC

9E9E9E

7B7B7B

Shades & Tints Shades & Tints

#99E892

Dark

Light

#A3D6B5

Dark

Light

#87D6C1

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #99e892;
  --color-2: #a3d6b5;
  --color-3: #87d6c1;
  --color-4: #0dddd9;
  --color-5: #59869c;
}

SCSS

$color-1: #99e892;
$color-2: #a3d6b5;
$color-3: #87d6c1;
$color-4: #0dddd9;
$color-5: #59869c;

TAILWIND

colors: {
  'brand-1': '#99e892',
  'brand-2': '#a3d6b5',
  'brand-3': '#87d6c1',
  'brand-4': '#0dddd9',
  'brand-5': '#59869c',
}

RGB Array

[153, 232, 146], [163, 214, 181], [135, 214, 193], [13, 221, 217], [89, 134, 156]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #99E892, #A3D6B5, #87D6C1, #0DDDD9, #59869C 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: #99e892; --color-2: #a3d6b5; --color-3: #87d6c1; --color-4: #0dddd9; --color-5: #59869c. 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 sea-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