← Back to Editor

#55B997 · #F1E4C5 · #191F02 · #B5B988 · #17A591

sea

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#55B997

Mineral Blue · CadetBlue · Lake Green

HEX
#55B997
RGB
rgb(85, 185, 151)
HSL
hsl(160, 42%, 53%)
HSB
hsb(160, 54%, 73%)
CMYK
cmyk(54%, 0%, 18%, 27%)
Oklch
oklch(71.6% 0.107 168.3)

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

#F1E4C5

Goose Yellow · Bisque · Lemon Cream

HEX
#F1E4C5
RGB
rgb(241, 228, 197)
HSL
hsl(42, 61%, 86%)
HSB
hsb(42, 18%, 95%)
CMYK
cmyk(0%, 5%, 18%, 5%)
Oklch
oklch(92.1% 0.043 88.0)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#191F02

Grass Green · Black · Dark Green

HEX
#191F02
RGB
rgb(25, 31, 2)
HSL
hsl(72, 88%, 6%)
HSB
hsb(72, 94%, 12%)
CMYK
cmyk(19%, 0%, 94%, 88%)
Oklch
oklch(22.6% 0.050 120.0)

Traditional「Grass Green」· Paint「Dark Green」· Creative Blush Sunrise

#B5B988

Fresh Green · Tan · Sunflower

HEX
#B5B988
RGB
rgb(181, 185, 136)
HSL
hsl(65, 26%, 63%)
HSB
hsb(65, 26%, 73%)
CMYK
cmyk(2%, 0%, 26%, 27%)
Oklch
oklch(77.0% 0.066 111.7)

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

#17A591

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#17A591
RGB
rgb(23, 165, 145)
HSL
hsl(172, 76%, 37%)
HSB
hsb(172, 86%, 65%)
CMYK
cmyk(86%, 0%, 12%, 35%)
Oklch
oklch(64.9% 0.114 179.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

55B997
B95576

Analogous

55B966
55B997
55A9B9

Triadic

55B997
9855B9
B99855

Split-Comp.

55B997
B955A9
B96655

Tetradic

55B997
6655B9
B95576
A9B955

Contrast Matrix WCAG 2.1 Contrast

55B997
F1E4C5
191F02
B5B988
17A591
—
1.9
Fail
7.1
AAA
1.2
Fail
1.3
Fail
1.9
Fail
—
13.4
AAA
1.6
Fail
2.4
Fail
7.1
AAA
13.4
AAA
—
8.3
AAA
5.5
AA
1.2
Fail
1.6
Fail
8.3
AAA
—
1.5
Fail
1.3
Fail
2.4
Fail
5.5
AA
1.5
Fail
—
White BG
2.4Fail
1.3Fail
17.0AAA
2.0Fail
3.1AA Large
Black BG
8.8AAA
16.6AAA
1.2Fail
10.3AAA
6.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

80819F
EBEBCD
1C1C09
B7B794
545696

Deuteranopia

7B73A1
ECEDCE
1B1B0B
B7B697
4C4297

Tritanopia

5AA6A7
F0D2D4
190F10
B59D9F
1E9A9B

Achromatopsia

979797
E4E4E4
1A1A1A
B2B2B2
787878

Shades & Tints Shades & Tints

#55B997

Dark
Light

#F1E4C5

Dark
Light

#191F02

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #55b997;
  --color-2: #f1e4c5;
  --color-3: #191f02;
  --color-4: #b5b988;
  --color-5: #17a591;
}

SCSS

$color-1: #55b997;
$color-2: #f1e4c5;
$color-3: #191f02;
$color-4: #b5b988;
$color-5: #17a591;

TAILWIND

colors: {
  'brand-1': '#55b997',
  'brand-2': '#f1e4c5',
  'brand-3': '#191f02',
  'brand-4': '#b5b988',
  'brand-5': '#17a591',
}

RGB Array

[85, 185, 151], [241, 228, 197], [25, 31, 2], [181, 185, 136], [23, 165, 145]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #55B997, #F1E4C5, #191F02, #B5B988, #17A591 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #55b997; --color-2: #f1e4c5; --color-3: #191f02; --color-4: #b5b988; --color-5: #17a591. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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