#62B89B + #8FD193 + #C5CB8F + #EAE1A8 + #E62657 · sea - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#62B89B

Mineral Blue · MediumAquaMarine · Lake Green

HEX

#62B89B

RGB

rgb(98, 184, 155)

HSL

hsl(160, 38%, 55%)

HSB

hsb(160, 47%, 72%)

CMYK

cmyk(47%, 0%, 16%, 28%)

Oklch

oklch(72.0% 0.095 169.5)

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

#8FD193

Celadon · DarkSeaGreen · Apple Green

HEX

#8FD193

RGB

rgb(143, 209, 147)

HSL

hsl(124, 42%, 69%)

HSB

hsb(124, 32%, 82%)

CMYK

cmyk(32%, 0%, 30%, 18%)

Oklch

oklch(80.0% 0.110 145.9)

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

#C5CB8F

Fresh Green · Tan · Sunflower

HEX

#C5CB8F

RGB

rgb(197, 203, 143)

HSL

hsl(66, 37%, 68%)

HSB

hsb(66, 30%, 80%)

CMYK

cmyk(3%, 0%, 30%, 20%)

Oklch

oklch(82.3% 0.080 112.8)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#EAE1A8

Fresh Green · Wheat · Lemon Cream

HEX

#EAE1A8

RGB

rgb(234, 225, 168)

HSL

hsl(52, 61%, 79%)

HSB

hsb(52, 28%, 92%)

CMYK

cmyk(0%, 4%, 28%, 8%)

Oklch

oklch(90.3% 0.074 100.2)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#E62657

Vermilion · Crimson · Passion Red

HEX

#E62657

RGB

rgb(230, 38, 87)

HSL

hsl(345, 79%, 53%)

HSB

hsb(345, 83%, 90%)

CMYK

cmyk(0%, 83%, 62%, 10%)

Oklch

oklch(60.2% 0.222 14.0)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

62B89B

B8617E

Analogous

61B86F

62B89B

61A9B8

Triadic

62B89B

9B61B8

B89B61

Split-Comp.

62B89B

B861A9

B86F61

Tetradic

62B89B

6F61B8

B8617E

A9B861

Contrast Matrix WCAG 2.1 Contrast

62B89B	8FD193	C5CB8F	EAE1A8	E62657
—	1.3 Fail	1.4 Fail	1.8 Fail	1.9 Fail
1.3 Fail	—	1.1 Fail	1.4 Fail	2.4 Fail
1.4 Fail	1.1 Fail	—	1.3 Fail	2.6 Fail
1.8 Fail	1.4 Fail	1.3 Fail	—	3.3 AA Large
1.9 Fail	2.4 Fail	2.6 Fail	3.3 AA Large	—

White BG

2.4Fail

1.8Fail

1.7Fail

1.3Fail

4.4AA Large

Black BG

8.8AAA

11.7AAA

12.3AAA

15.8AAA

4.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8788A2

ACACA2

C8C89E

E6E6B6

93914B

Deuteranopia

827CA4

A8A3A6

C7C7A1

E7E7B9

9EAC48

Tritanopia

66A8A9

92AEB0

C5A9AC

EAC1C3

DC4240

Achromatopsia

9B9B9B

B6B6B6

C2C2C2

DDDDDD

656565

Shades & Tints Shades & Tints

#62B89B

Dark

Light

#8FD193

Dark

Light

#C5CB8F

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #62b89b;
  --color-2: #8fd193;
  --color-3: #c5cb8f;
  --color-4: #eae1a8;
  --color-5: #e62657;
}

SCSS

$color-1: #62b89b;
$color-2: #8fd193;
$color-3: #c5cb8f;
$color-4: #eae1a8;
$color-5: #e62657;

TAILWIND

colors: {
  'brand-1': '#62b89b',
  'brand-2': '#8fd193',
  'brand-3': '#c5cb8f',
  'brand-4': '#eae1a8',
  'brand-5': '#e62657',
}

RGB Array

[98, 184, 155], [143, 209, 147], [197, 203, 143], [234, 225, 168], [230, 38, 87]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #62B89B, #8FD193, #C5CB8F, #EAE1A8, #E62657 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: #62b89b; --color-2: #8fd193; --color-3: #c5cb8f; --color-4: #eae1a8; --color-5: #e62657. 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