← Back to Editor

#BDBCB5 · #A6ABA9 · #099E94 · #063845 · #05080F

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

#BDBCB5

Silver Gray · Silver · Pearl Gray

HEX
#BDBCB5
RGB
rgb(189, 188, 181)
HSL
hsl(53, 6%, 73%)
HSB
hsb(53, 4%, 74%)
CMYK
cmyk(0%, 1%, 4%, 26%)
Oklch
oklch(79.4% 0.010 100.0)

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

#A6ABA9

Ash · DarkGray · Silver Sand

HEX
#A6ABA9
RGB
rgb(166, 171, 169)
HSL
hsl(156, 3%, 66%)
HSB
hsb(156, 3%, 67%)
CMYK
cmyk(3%, 0%, 1%, 33%)
Oklch
oklch(73.7% 0.006 170.4)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#099E94

Mineral Blue · Teal · Mint Ice

HEX
#099E94
RGB
rgb(9, 158, 148)
HSL
hsl(176, 89%, 33%)
HSB
hsb(176, 94%, 62%)
CMYK
cmyk(94%, 0%, 6%, 38%)
Oklch
oklch(63.0% 0.109 186.9)

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

#063845

Lake Blue · DarkSlateGray · Peacock Green

HEX
#063845
RGB
rgb(6, 56, 69)
HSL
hsl(192, 84%, 15%)
HSB
hsb(192, 91%, 27%)
CMYK
cmyk(91%, 19%, 0%, 73%)
Oklch
oklch(31.6% 0.054 220.4)

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

#05080F

Indigo · Black · Deep Sea Blue

HEX
#05080F
RGB
rgb(5, 8, 15)
HSL
hsl(222, 50%, 4%)
HSB
hsb(222, 67%, 6%)
CMYK
cmyk(67%, 47%, 0%, 94%)
Oklch
oklch(13.4% 0.017 262.2)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BDBCB5
B6B7BE

Analogous

BEB9B6
BDBCB5
BBBEB6

Triadic

BDBCB5
B6BEBD
BDB6BE

Split-Comp.

BDBCB5
B6BBBE
B9B6BE

Tetradic

BDBCB5
B6BEB9
B6B7BE
BEB6BB

Contrast Matrix WCAG 2.1 Contrast

BDBCB5
A6ABA9
099E94
063845
05080F
—
1.2
Fail
1.7
Fail
6.6
AA
10.5
AAA
1.2
Fail
—
1.4
Fail
5.4
AA
8.6
AAA
1.7
Fail
1.4
Fail
—
3.8
AA Large
6.0
AA
6.6
AA
5.4
AA
3.8
AA Large
—
1.6
Fail
10.5
AAA
8.6
AAA
6.0
AA
1.6
Fail
—
White BG
1.9Fail
2.3Fail
3.3AA Large
12.7AAA
20.0AAA
Black BG
11.0AAA
9.0AAA
6.3AA
1.7Fail
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

BDBDB7
A8A8A9
4A4B96
1C1C42
06060D

Deuteranopia

BDBDB7
A8A8AA
413697
191541
06060D

Tritanopia

BDB8B8
A6AAAA
109899
093F3F
050C0C

Achromatopsia

BCBCBC
A9A9A9
707070
2B2B2B
080808

Shades & Tints Shades & Tints

#BDBCB5

Dark
Light

#A6ABA9

Dark
Light

#099E94

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bdbcb5;
  --color-2: #a6aba9;
  --color-3: #099e94;
  --color-4: #063845;
  --color-5: #05080f;
}

SCSS

$color-1: #bdbcb5;
$color-2: #a6aba9;
$color-3: #099e94;
$color-4: #063845;
$color-5: #05080f;

TAILWIND

colors: {
  'brand-1': '#bdbcb5',
  'brand-2': '#a6aba9',
  'brand-3': '#099e94',
  'brand-4': '#063845',
  'brand-5': '#05080f',
}

RGB Array

[189, 188, 181], [166, 171, 169], [9, 158, 148], [6, 56, 69], [5, 8, 15]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #BDBCB5, #A6ABA9, #099E94, #063845, #05080F is ideal for: tech websites, dark mode UIs, game UIs, 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: #bdbcb5; --color-2: #a6aba9; --color-3: #099e94; --color-4: #063845; --color-5: #05080f. 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. 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