← Back to Editor

#558593 · #61B2BA · #92BEBE · #B8BBB5 · #B8AAA4

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

#558593

Slate Blue · SlateGray · Mint Ice

HEX
#558593
RGB
rgb(85, 133, 147)
HSL
hsl(194, 27%, 45%)
HSB
hsb(194, 42%, 58%)
CMYK
cmyk(42%, 10%, 0%, 42%)
Oklch
oklch(58.8% 0.056 218.2)

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

#61B2BA

Slate Blue · MediumAquaMarine · Lake Green

HEX
#61B2BA
RGB
rgb(97, 178, 186)
HSL
hsl(185, 39%, 55%)
HSB
hsb(185, 48%, 73%)
CMYK
cmyk(48%, 4%, 0%, 27%)
Oklch
oklch(71.5% 0.080 203.9)

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

#92BEBE

Sky Blue · DarkGray · Lake Green

HEX
#92BEBE
RGB
rgb(146, 190, 190)
HSL
hsl(180, 25%, 66%)
HSB
hsb(180, 23%, 75%)
CMYK
cmyk(23%, 0%, 0%, 25%)
Oklch
oklch(77.0% 0.047 196.2)

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

#B8BBB5

Silver Gray · Silver · Pearl Gray

HEX
#B8BBB5
RGB
rgb(184, 187, 181)
HSL
hsl(90, 4%, 72%)
HSB
hsb(90, 3%, 73%)
CMYK
cmyk(2%, 0%, 3%, 27%)
Oklch
oklch(78.8% 0.009 128.6)

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

#B8AAA4

Apricot · DarkGray · Warm Sun

HEX
#B8AAA4
RGB
rgb(184, 170, 164)
HSL
hsl(18, 12%, 68%)
HSB
hsb(18, 11%, 72%)
CMYK
cmyk(0%, 8%, 11%, 28%)
Oklch
oklch(74.8% 0.018 44.7)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

558593
926254

Analogous

549281
558593
546492

Triadic

558593
925483
839254

Split-Comp.

558593
925464
928154

Tetradic

558593
815492
926254
649254

Contrast Matrix WCAG 2.1 Contrast

558593
61B2BA
92BEBE
B8BBB5
B8AAA4
—
1.7
Fail
2.0
Fail
2.1
Fail
1.8
Fail
1.7
Fail
—
1.2
Fail
1.3
Fail
1.1
Fail
2.0
Fail
1.2
Fail
—
1.0
Fail
1.1
Fail
2.1
Fail
1.3
Fail
1.0
Fail
—
1.2
Fail
1.8
Fail
1.1
Fail
1.1
Fail
1.2
Fail
—
White BG
4.1AA Large
2.4Fail
2.0Fail
1.9Fail
2.3Fail
Black BG
5.2AA
8.6AAA
10.3AAA
10.8AAA
9.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6A6A90
8485B8
A5A5BE
B9B9B6
B2B2A5

Deuteranopia

67638F
7F79B8
A39FBE
B9B9B7
B3B4A6

Tritanopia

578D8C
65B7B6
94BEBE
B8B8B8
B7A7A7

Achromatopsia

787878
9B9B9B
B1B1B1
B9B9B9
AEAEAE

Shades & Tints Shades & Tints

#558593

Dark
Light

#61B2BA

Dark
Light

#92BEBE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #558593;
  --color-2: #61b2ba;
  --color-3: #92bebe;
  --color-4: #b8bbb5;
  --color-5: #b8aaa4;
}

SCSS

$color-1: #558593;
$color-2: #61b2ba;
$color-3: #92bebe;
$color-4: #b8bbb5;
$color-5: #b8aaa4;

TAILWIND

colors: {
  'brand-1': '#558593',
  'brand-2': '#61b2ba',
  'brand-3': '#92bebe',
  'brand-4': '#b8bbb5',
  'brand-5': '#b8aaa4',
}

RGB Array

[85, 133, 147], [97, 178, 186], [146, 190, 190], [184, 187, 181], [184, 170, 164]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #558593, #61B2BA, #92BEBE, #B8BBB5, #B8AAA4 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: #558593; --color-2: #61b2ba; --color-3: #92bebe; --color-4: #b8bbb5; --color-5: #b8aaa4. 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