← Back to Editor

#463A3A · #1E95A5 · #62A8B1 · #94B3B8 · #5A6569

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 Library

Color Details Color Details

#463A3A

Crimson · DarkSlateGray · Dark Stone

HEX
#463A3A
RGB
rgb(70, 58, 58)
HSL
hsl(0, 9%, 25%)
HSB
hsb(0, 17%, 27%)
CMYK
cmyk(0%, 17%, 17%, 73%)
Oklch
oklch(36.1% 0.017 18.0)

Traditional「Crimson」· Paint「Dark Stone」· Creative Midnight Shadow

#1E95A5

Lake Blue · LightSeaGreen · Mint Ice

HEX
#1E95A5
RGB
rgb(30, 149, 165)
HSL
hsl(187, 69%, 38%)
HSB
hsb(187, 82%, 65%)
CMYK
cmyk(82%, 10%, 0%, 35%)
Oklch
oklch(61.6% 0.100 209.0)

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

#62A8B1

Slate Blue · CadetBlue · Lake Green

HEX
#62A8B1
RGB
rgb(98, 168, 177)
HSL
hsl(187, 34%, 54%)
HSB
hsb(187, 45%, 69%)
CMYK
cmyk(45%, 5%, 0%, 31%)
Oklch
oklch(68.9% 0.072 206.2)

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

#94B3B8

Sky Blue · DarkGray · Lake Green

HEX
#94B3B8
RGB
rgb(148, 179, 184)
HSL
hsl(188, 20%, 65%)
HSB
hsb(188, 20%, 72%)
CMYK
cmyk(20%, 3%, 0%, 28%)
Oklch
oklch(74.5% 0.035 208.4)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#5A6569

Slate Blue · DimGray · Charcoal

HEX
#5A6569
RGB
rgb(90, 101, 105)
HSL
hsl(196, 8%, 38%)
HSB
hsb(196, 14%, 41%)
CMYK
cmyk(14%, 4%, 0%, 59%)
Oklch
oklch(49.9% 0.015 221.6)

Traditional「Slate Blue」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

463A3A
3A4545

Analogous

453A40
463A3A
45403A

Triadic

463A3A
3A453A
3A3A45

Split-Comp.

463A3A
3A4540
3A4045

Tetradic

463A3A
40453A
3A4545
403A45

Contrast Matrix WCAG 2.1 Contrast

463A3A
1E95A5
62A8B1
94B3B8
5A6569
—
3.1
AA Large
4.0
AA Large
4.9
AA
1.8
Fail
3.1
AA Large
—
1.3
Fail
1.6
Fail
1.7
Fail
4.0
AA Large
1.3
Fail
—
1.2
Fail
2.2
Fail
4.9
AA
1.6
Fail
1.2
Fail
—
2.7
Fail
1.8
Fail
1.7
Fail
2.2
Fail
2.7
Fail
—
White BG
10.9AAA
3.6AA Large
2.7Fail
2.2Fail
6.0AA
Black BG
1.9Fail
5.9AA
7.8AAA
9.4AAA
3.5AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

41413A
5253A1
8081AF
A1A2B7
5F5F68

Deuteranopia

42423A
4B42A0
7C77AE
A09DB6
5E5D68

Tritanopia

453A3A
249E9D
66ADAD
96B6B6
5B6767

Achromatopsia

3E3E3E
737373
949494
AAAAAA
626262

Shades & Tints Shades & Tints

#463A3A

Dark
Light

#1E95A5

Dark
Light

#62A8B1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #463a3a;
  --color-2: #1e95a5;
  --color-3: #62a8b1;
  --color-4: #94b3b8;
  --color-5: #5a6569;
}

SCSS

$color-1: #463a3a;
$color-2: #1e95a5;
$color-3: #62a8b1;
$color-4: #94b3b8;
$color-5: #5a6569;

TAILWIND

colors: {
  'brand-1': '#463a3a',
  'brand-2': '#1e95a5',
  'brand-3': '#62a8b1',
  'brand-4': '#94b3b8',
  'brand-5': '#5a6569',
}

RGB Array

[70, 58, 58], [30, 149, 165], [98, 168, 177], [148, 179, 184], [90, 101, 105]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #463A3A, #1E95A5, #62A8B1, #94B3B8, #5A6569 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: #463a3a; --color-2: #1e95a5; --color-3: #62a8b1; --color-4: #94b3b8; --color-5: #5a6569. 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