← Back to Editor

#544437 · #988B7B · #D9D9D7 · #51C3CE · #2195AE

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

#544437

Tangerine · DarkOliveGreen · Amber Brown

HEX
#544437
RGB
rgb(84, 68, 55)
HSL
hsl(27, 21%, 27%)
HSB
hsb(27, 35%, 33%)
CMYK
cmyk(0%, 19%, 35%, 67%)
Oklch
oklch(40.0% 0.030 60.9)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#988B7B

Ginger · Gray · Warm Sun

HEX
#988B7B
RGB
rgb(152, 139, 123)
HSL
hsl(33, 12%, 54%)
HSB
hsb(33, 19%, 60%)
CMYK
cmyk(0%, 9%, 19%, 40%)
Oklch
oklch(64.4% 0.028 73.0)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#D9D9D7

Silver Gray · LightGray · Pearl Gray

HEX
#D9D9D7
RGB
rgb(217, 217, 215)
HSL
hsl(60, 3%, 85%)
HSB
hsb(60, 1%, 85%)
CMYK
cmyk(0%, 0%, 1%, 15%)
Oklch
oklch(88.5% 0.003 106.5)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

#51C3CE

Lake Blue · MediumTurquoise · Lake Green

HEX
#51C3CE
RGB
rgb(81, 195, 206)
HSL
hsl(185, 56%, 56%)
HSB
hsb(185, 61%, 81%)
CMYK
cmyk(61%, 5%, 0%, 19%)
Oklch
oklch(75.7% 0.103 204.0)

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

#2195AE

Lake Blue · LightSeaGreen · Mint Ice

HEX
#2195AE
RGB
rgb(33, 149, 174)
HSL
hsl(191, 68%, 41%)
HSB
hsb(191, 81%, 68%)
CMYK
cmyk(81%, 14%, 0%, 32%)
Oklch
oklch(62.0% 0.103 216.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

544437
364653

Analogous

533638
544437
535236

Triadic

544437
365343
433653

Split-Comp.

544437
365352
363853

Tetradic

544437
385336
364653
523653

Contrast Matrix WCAG 2.1 Contrast

544437
988B7B
D9D9D7
51C3CE
2195AE
—
2.8
Fail
6.6
AA
4.4
AA Large
2.6
Fail
2.8
Fail
—
2.4
Fail
1.6
Fail
1.1
Fail
6.6
AA
2.4
Fail
—
1.5
Fail
2.5
Fail
4.4
AA Large
1.6
Fail
1.5
Fail
—
1.7
Fail
2.6
Fail
1.1
Fail
2.5
Fail
1.7
Fail
—
White BG
9.3AAA
3.3AA Large
1.4Fail
2.1Fail
3.5AA Large
Black BG
2.3Fail
6.3AA
14.9AAA
10.0AAA
6.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4D4D3A
92927F
D9D9D7
8283CB
5354A8

Deuteranopia

4E4F3B
939480
D9D9D8
7C73CB
4D44A7

Tritanopia

533D3D
978283
D9D8D8
57C9C9
27A3A2

Achromatopsia

474747
8D8D8D
D9D9D9
A2A2A2
757575

Shades & Tints Shades & Tints

#544437

Dark
Light

#988B7B

Dark
Light

#D9D9D7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #544437;
  --color-2: #988b7b;
  --color-3: #d9d9d7;
  --color-4: #51c3ce;
  --color-5: #2195ae;
}

SCSS

$color-1: #544437;
$color-2: #988b7b;
$color-3: #d9d9d7;
$color-4: #51c3ce;
$color-5: #2195ae;

TAILWIND

colors: {
  'brand-1': '#544437',
  'brand-2': '#988b7b',
  'brand-3': '#d9d9d7',
  'brand-4': '#51c3ce',
  'brand-5': '#2195ae',
}

RGB Array

[84, 68, 55], [152, 139, 123], [217, 217, 215], [81, 195, 206], [33, 149, 174]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #544437, #988B7B, #D9D9D7, #51C3CE, #2195AE 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: #544437; --color-2: #988b7b; --color-3: #d9d9d7; --color-4: #51c3ce; --color-5: #2195ae. 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