← Back to Editor

#75C691 · #73AF94 · #719897 · #6F819A · #6C629E

sea

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#75C691

Celadon · DarkSeaGreen · Apple Green

HEX
#75C691
RGB
rgb(117, 198, 145)
HSL
hsl(141, 42%, 62%)
HSB
hsb(141, 41%, 78%)
CMYK
cmyk(41%, 0%, 27%, 22%)
Oklch
oklch(76.0% 0.111 154.2)

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

#73AF94

Mineral Blue · CadetBlue · Olive Green

HEX
#73AF94
RGB
rgb(115, 175, 148)
HSL
hsl(153, 27%, 57%)
HSB
hsb(153, 34%, 69%)
CMYK
cmyk(34%, 0%, 15%, 31%)
Oklch
oklch(70.5% 0.074 164.4)

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

#719897

Mineral Blue · LightSlateGray · Lake Green

HEX
#719897
RGB
rgb(113, 152, 151)
HSL
hsl(178, 16%, 52%)
HSB
hsb(178, 26%, 60%)
CMYK
cmyk(26%, 0%, 1%, 40%)
Oklch
oklch(65.1% 0.043 194.2)

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

#6F819A

Azure · SlateGray · Navy Blue

HEX
#6F819A
RGB
rgb(111, 129, 154)
HSL
hsl(215, 18%, 52%)
HSB
hsb(215, 28%, 60%)
CMYK
cmyk(28%, 16%, 0%, 40%)
Oklch
oklch(59.8% 0.044 256.6)

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

#6C629E

Deep Indigo · SlateGray · Navy Blue

HEX
#6C629E
RGB
rgb(108, 98, 158)
HSL
hsl(250, 24%, 50%)
HSB
hsb(250, 38%, 62%)
CMYK
cmyk(32%, 38%, 0%, 38%)
Oklch
oklch(53.1% 0.093 290.5)

Traditional「Deep Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

75C691
C775AA

Analogous

82C775
75C691
75C7BB

Triadic

75C691
9275C7
C79275

Split-Comp.

75C691
BB75C7
C77582

Tetradic

75C691
7582C7
C775AA
C7BB75

Contrast Matrix WCAG 2.1 Contrast

75C691
73AF94
719897
6F819A
6C629E
—
1.2
Fail
1.5
Fail
1.9
Fail
2.6
Fail
1.2
Fail
—
1.2
Fail
1.6
Fail
2.1
Fail
1.5
Fail
1.2
Fail
—
1.3
Fail
1.7
Fail
1.9
Fail
1.6
Fail
1.3
Fail
—
1.4
Fail
2.6
Fail
2.1
Fail
1.7
Fail
1.4
Fail
—
White BG
2.1Fail
2.5Fail
3.2AA Large
4.0AA Large
5.4AA
Black BG
10.2AAA
8.3AAA
6.6AA
5.3AA
3.9AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

98999E
8D8E9B
828297
777794
68688F

Deuteranopia

938DA1
8A859C
807D97
767493
68698C

Tritanopia

79A8AA
76A0A1
739797
708F8E
6C8482

Achromatopsia

A8A8A8
9A9A9A
8C8C8C
7E7E7E
6C6C6C

Shades & Tints Shades & Tints

#75C691

Dark
Light

#73AF94

Dark
Light

#719897

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #75c691;
  --color-2: #73af94;
  --color-3: #719897;
  --color-4: #6f819a;
  --color-5: #6c629e;
}

SCSS

$color-1: #75c691;
$color-2: #73af94;
$color-3: #719897;
$color-4: #6f819a;
$color-5: #6c629e;

TAILWIND

colors: {
  'brand-1': '#75c691',
  'brand-2': '#73af94',
  'brand-3': '#719897',
  'brand-4': '#6f819a',
  'brand-5': '#6c629e',
}

RGB Array

[117, 198, 145], [115, 175, 148], [113, 152, 151], [111, 129, 154], [108, 98, 158]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #75C691, #73AF94, #719897, #6F819A, #6C629E is ideal for: brand design, premium product pages, magazine layouts. 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: #75c691; --color-2: #73af94; --color-3: #719897; --color-4: #6f819a; --color-5: #6c629e. 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. 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