← Back to Editor

#5E9C9B · #8CAB9C · #98C1B3 · #A7CFC4 · #BBE0CF

sea

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#5E9C9B

Mineral Blue · CadetBlue · Mint Ice

HEX
#5E9C9B
RGB
rgb(94, 156, 155)
HSL
hsl(179, 25%, 49%)
HSB
hsb(179, 40%, 61%)
CMYK
cmyk(40%, 0%, 1%, 39%)
Oklch
oklch(65.1% 0.064 194.4)

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

#8CAB9C

Jade · DarkSeaGreen · Apple Green

HEX
#8CAB9C
RGB
rgb(140, 171, 156)
HSL
hsl(151, 16%, 61%)
HSB
hsb(151, 18%, 67%)
CMYK
cmyk(18%, 0%, 9%, 33%)
Oklch
oklch(71.4% 0.040 164.4)

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

#98C1B3

Jade · DarkGray · Lake Green

HEX
#98C1B3
RGB
rgb(152, 193, 179)
HSL
hsl(160, 25%, 68%)
HSB
hsb(160, 21%, 76%)
CMYK
cmyk(21%, 0%, 7%, 24%)
Oklch
oklch(77.7% 0.048 172.1)

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

#A7CFC4

Jade · Silver · Lake Green

HEX
#A7CFC4
RGB
rgb(167, 207, 196)
HSL
hsl(164, 29%, 73%)
HSB
hsb(164, 19%, 81%)
CMYK
cmyk(19%, 0%, 5%, 19%)
Oklch
oklch(82.3% 0.045 176.6)

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

#BBE0CF

Jade · LightGray · Mint Green

HEX
#BBE0CF
RGB
rgb(187, 224, 207)
HSL
hsl(152, 37%, 81%)
HSB
hsb(152, 17%, 88%)
CMYK
cmyk(17%, 0%, 8%, 12%)
Oklch
oklch(87.5% 0.045 165.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5E9C9B
9C5E5F

Analogous

5E9C7C
5E9C9B
5E7E9C

Triadic

5E9C9B
9B5E9C
9C9B5E

Split-Comp.

5E9C9B
9C5E7E
9C7C5E

Tetradic

5E9C9B
7C5E9C
9C5E5F
7E9C5E

Contrast Matrix WCAG 2.1 Contrast

5E9C9B
8CAB9C
98C1B3
A7CFC4
BBE0CF
—
1.3
Fail
1.6
Fail
1.8
Fail
2.2
Fail
1.3
Fail
—
1.3
Fail
1.5
Fail
1.7
Fail
1.6
Fail
1.3
Fail
—
1.2
Fail
1.4
Fail
1.8
Fail
1.5
Fail
1.2
Fail
—
1.2
Fail
2.2
Fail
1.7
Fail
1.4
Fail
1.2
Fail
—
White BG
3.1AA Large
2.5Fail
2.0Fail
1.7Fail
1.4Fail
Black BG
6.7AA
8.4AAA
10.6AAA
12.4AAA
14.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

79799B
999AA0
AAAAB6
B8B9C7
CBCBD3

Deuteranopia

75719B
9895A1
A7A4B7
B6B3C7
C9C6D4

Tritanopia

619B9B
8EA2A3
9AB9BA
A9C9C9
BDD6D7

Achromatopsia

898989
A0A0A0
B3B3B3
C2C2C2
D3D3D3

Shades & Tints Shades & Tints

#5E9C9B

Dark
Light

#8CAB9C

Dark
Light

#98C1B3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5e9c9b;
  --color-2: #8cab9c;
  --color-3: #98c1b3;
  --color-4: #a7cfc4;
  --color-5: #bbe0cf;
}

SCSS

$color-1: #5e9c9b;
$color-2: #8cab9c;
$color-3: #98c1b3;
$color-4: #a7cfc4;
$color-5: #bbe0cf;

TAILWIND

colors: {
  'brand-1': '#5e9c9b',
  'brand-2': '#8cab9c',
  'brand-3': '#98c1b3',
  'brand-4': '#a7cfc4',
  'brand-5': '#bbe0cf',
}

RGB Array

[94, 156, 155], [140, 171, 156], [152, 193, 179], [167, 207, 196], [187, 224, 207]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #5E9C9B, #8CAB9C, #98C1B3, #A7CFC4, #BBE0CF is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #5e9c9b; --color-2: #8cab9c; --color-3: #98c1b3; --color-4: #a7cfc4; --color-5: #bbe0cf. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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 beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. 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