← Back to Editor

#358791 · #41777B · #4E6866 · #5A5850 · #66483A

sea

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremiumWarmCool

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporate

Color Details Color Details

#358791

Slate Blue · SteelBlue · Mint Ice

HEX
#358791
RGB
rgb(53, 135, 145)
HSL
hsl(187, 46%, 39%)
HSB
hsb(187, 63%, 57%)
CMYK
cmyk(63%, 7%, 0%, 43%)
Oklch
oklch(57.8% 0.080 206.4)

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

#41777B

Slate Blue · SeaGreen · Mint Ice

HEX
#41777B
RGB
rgb(65, 119, 123)
HSL
hsl(184, 31%, 37%)
HSB
hsb(184, 47%, 48%)
CMYK
cmyk(47%, 3%, 0%, 52%)
Oklch
oklch(53.4% 0.058 201.8)

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

#4E6866

Mineral Blue · DimGray · Mint Ice

HEX
#4E6866
RGB
rgb(78, 104, 102)
HSL
hsl(175, 14%, 36%)
HSB
hsb(175, 25%, 41%)
CMYK
cmyk(25%, 0%, 2%, 59%)
Oklch
oklch(49.6% 0.031 190.3)

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

#5A5850

Ink Gray · DimGray · Charcoal

HEX
#5A5850
RGB
rgb(90, 88, 80)
HSL
hsl(48, 6%, 33%)
HSB
hsb(48, 11%, 35%)
CMYK
cmyk(0%, 2%, 11%, 65%)
Oklch
oklch(46.0% 0.013 95.3)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

#66483A

Tangerine · DarkOliveGreen · Amber Brown

HEX
#66483A
RGB
rgb(102, 72, 58)
HSL
hsl(19, 28%, 31%)
HSB
hsb(19, 43%, 40%)
CMYK
cmyk(0%, 29%, 43%, 60%)
Oklch
oklch(43.1% 0.047 46.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

358791
914036

Analogous

36916E
358791
365991

Triadic

358791
913687
879136

Split-Comp.

358791
913659
916E36

Tetradic

358791
6E3691
914036
599136

Contrast Matrix WCAG 2.1 Contrast

358791
41777B
4E6866
5A5850
66483A
—
1.2
Fail
1.4
Fail
1.7
Fail
2.0
Fail
1.2
Fail
—
1.2
Fail
1.4
Fail
1.6
Fail
1.4
Fail
1.2
Fail
—
1.2
Fail
1.4
Fail
1.7
Fail
1.4
Fail
1.2
Fail
—
1.2
Fail
2.0
Fail
1.6
Fail
1.4
Fail
1.2
Fail
—
White BG
4.2AA Large
5.1AA
6.0AA
7.1AAA
8.2AAA
Black BG
5.0AA
4.1AA Large
3.5AA Large
2.9Fail
2.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

59598F
58597A
595966
595952
59593D

Deuteranopia

544E8E
55517A
585667
595952
5B5D3E

Tritanopia

398D8C
447979
4F6767
5A5354
644041

Achromatopsia

707070
676767
606060
585858
4F4F4F

Shades & Tints Shades & Tints

#358791

Dark
Light

#41777B

Dark
Light

#4E6866

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #358791;
  --color-2: #41777b;
  --color-3: #4e6866;
  --color-4: #5a5850;
  --color-5: #66483a;
}

SCSS

$color-1: #358791;
$color-2: #41777b;
$color-3: #4e6866;
$color-4: #5a5850;
$color-5: #66483a;

TAILWIND

colors: {
  'brand-1': '#358791',
  'brand-2': '#41777b',
  'brand-3': '#4e6866',
  'brand-4': '#5a5850',
  'brand-5': '#66483a',
}

RGB Array

[53, 135, 145], [65, 119, 123], [78, 104, 102], [90, 88, 80], [102, 72, 58]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #358791, #41777B, #4E6866, #5A5850, #66483A is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs. 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: #358791; --color-2: #41777b; --color-3: #4e6866; --color-4: #5a5850; --color-5: #66483a. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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 finance, legal, luxury 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