← Back to Editor

#E6E7E9 · #43B0C4 · #3B959E · #645E3E · #1D1F1A

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

#E6E7E9

Plain White · Lavender · Cloud White

HEX
#E6E7E9
RGB
rgb(230, 231, 233)
HSL
hsl(220, 6%, 91%)
HSB
hsb(220, 1%, 91%)
CMYK
cmyk(1%, 1%, 0%, 9%)
Oklch
oklch(92.8% 0.003 264.5)

Traditional「Plain White」· Paint「Cloud White」· Creative Morning Mist

#43B0C4

Lake Blue · MediumTurquoise · Lake Green

HEX
#43B0C4
RGB
rgb(67, 176, 196)
HSL
hsl(189, 52%, 52%)
HSB
hsb(189, 66%, 77%)
CMYK
cmyk(66%, 10%, 0%, 23%)
Oklch
oklch(70.3% 0.101 212.0)

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

#3B959E

Slate Blue · SteelBlue · Mint Ice

HEX
#3B959E
RGB
rgb(59, 149, 158)
HSL
hsl(185, 46%, 43%)
HSB
hsb(185, 63%, 62%)
CMYK
cmyk(63%, 6%, 0%, 38%)
Oklch
oklch(62.0% 0.085 204.4)

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

#645E3E

Autumn Sage · DarkOliveGreen · Honey Gold

HEX
#645E3E
RGB
rgb(100, 94, 62)
HSL
hsl(51, 23%, 32%)
HSB
hsb(51, 38%, 39%)
CMYK
cmyk(0%, 6%, 38%, 61%)
Oklch
oklch(47.9% 0.048 98.9)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#1D1F1A

Grass Green · Black · Dark Stone

HEX
#1D1F1A
RGB
rgb(29, 31, 26)
HSL
hsl(84, 9%, 11%)
HSB
hsb(84, 16%, 12%)
CMYK
cmyk(6%, 0%, 16%, 88%)
Oklch
oklch(23.5% 0.010 125.0)

Traditional「Grass Green」· Paint「Dark Stone」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E6E7E9
E9E9E7

Analogous

E7E9E9
E6E7E9
E7E7E9

Triadic

E6E7E9
E9E7E8
E8E9E7

Split-Comp.

E6E7E9
E9E7E7
E9E9E7

Tetradic

E6E7E9
E9E7E9
E9E9E7
E7E9E7

Contrast Matrix WCAG 2.1 Contrast

E6E7E9
43B0C4
3B959E
645E3E
1D1F1A
—
2.1
Fail
2.8
Fail
5.3
AA
13.4
AAA
2.1
Fail
—
1.4
Fail
2.6
Fail
6.5
AA
2.8
Fail
1.4
Fail
—
1.9
Fail
4.7
AA
5.3
AA
2.6
Fail
1.9
Fail
—
2.5
Fail
13.4
AAA
6.5
AA
4.7
AA
2.5
Fail
—
White BG
1.2Fail
2.5Fail
3.5AA Large
6.5AA
16.6AAA
Black BG
17.0AAA
8.2AAA
6.0AA
3.2AA Large
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E6E6E9
7273BF
62639C
616146
1E1E1B

Deuteranopia

E6E6E8
6C64BE
5D569B
626248
1E1E1C

Tritanopia

E6E8E8
48BBBB
409A9A
644C4D
1D1C1C

Achromatopsia

E7E7E7
929292
7B7B7B
5C5C5C
1E1E1E

Shades & Tints Shades & Tints

#E6E7E9

Dark
Light

#43B0C4

Dark
Light

#3B959E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e6e7e9;
  --color-2: #43b0c4;
  --color-3: #3b959e;
  --color-4: #645e3e;
  --color-5: #1d1f1a;
}

SCSS

$color-1: #e6e7e9;
$color-2: #43b0c4;
$color-3: #3b959e;
$color-4: #645e3e;
$color-5: #1d1f1a;

TAILWIND

colors: {
  'brand-1': '#e6e7e9',
  'brand-2': '#43b0c4',
  'brand-3': '#3b959e',
  'brand-4': '#645e3e',
  'brand-5': '#1d1f1a',
}

RGB Array

[230, 231, 233], [67, 176, 196], [59, 149, 158], [100, 94, 62], [29, 31, 26]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #E6E7E9, #43B0C4, #3B959E, #645E3E, #1D1F1A is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. 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: #e6e7e9; --color-2: #43b0c4; --color-3: #3b959e; --color-4: #645e3e; --color-5: #1d1f1a. 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. 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