← Back to Editor

#161C1B · #091214 · #97DEF7 · #00ACE0 · #009FD9

sea

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#161C1B

Mineral Blue · Black · Peacock Green

HEX
#161C1B
RGB
rgb(22, 28, 27)
HSL
hsl(170, 12%, 10%)
HSB
hsb(170, 21%, 11%)
CMYK
cmyk(21%, 0%, 4%, 89%)
Oklch
oklch(22.0% 0.009 184.3)

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

#091214

Slate Blue · Black · Peacock Green

HEX
#091214
RGB
rgb(9, 18, 20)
HSL
hsl(191, 38%, 6%)
HSB
hsb(191, 55%, 8%)
CMYK
cmyk(55%, 10%, 0%, 92%)
Oklch
oklch(17.4% 0.014 213.0)

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

#97DEF7

Sky Blue · LightSkyBlue · Glacier Blue

HEX
#97DEF7
RGB
rgb(151, 222, 247)
HSL
hsl(196, 86%, 78%)
HSB
hsb(196, 39%, 97%)
CMYK
cmyk(39%, 10%, 0%, 3%)
Oklch
oklch(86.2% 0.079 222.1)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

#00ACE0

Lake Blue · DeepSkyBlue · Mint Ice

HEX
#00ACE0
RGB
rgb(0, 172, 224)
HSL
hsl(194, 100%, 44%)
HSB
hsb(194, 100%, 88%)
CMYK
cmyk(100%, 23%, 0%, 12%)
Oklch
oklch(69.6% 0.137 228.7)

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

#009FD9

Lake Blue · DarkTurquoise · Mint Ice

HEX
#009FD9
RGB
rgb(0, 159, 217)
HSL
hsl(196, 100%, 43%)
HSB
hsb(196, 100%, 85%)
CMYK
cmyk(100%, 27%, 0%, 15%)
Oklch
oklch(66.1% 0.138 233.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

161C1B
1D1617

Analogous

161D18
161C1B
161B1D

Triadic

161C1B
1C161D
1D1C16

Split-Comp.

161C1B
1D161B
1D1816

Tetradic

161C1B
18161D
1D1617
1B1D16

Contrast Matrix WCAG 2.1 Contrast

161C1B
091214
97DEF7
00ACE0
009FD9
—
1.1
Fail
11.6
AAA
6.6
AA
5.7
AA
1.1
Fail
—
12.7
AAA
7.2
AAA
6.3
AA
11.6
AAA
12.7
AAA
—
1.8
Fail
2.0
Fail
6.6
AA
7.2
AAA
1.8
Fail
—
1.1
Fail
5.7
AA
6.3
AA
2.0
Fail
1.1
Fail
—
White BG
17.3AAA
18.9AAA
1.5Fail
2.6Fail
3.0AA Large
Black BG
1.2Fail
1.1Fail
14.1AAA
8.0AAA
7.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

19191B
0D0D14
B6B6F1
4A4CD3
4546CB

Deuteranopia

18181B
0C0C13
B2ACEF
4134D0
3C30C8

Tritanopia

161B1B
091313
9BECEB
09C9C7
08C0BD

Achromatopsia

1A1A1A
101010
CCCCCC
7F7F7F
767676

Shades & Tints Shades & Tints

#161C1B

Dark
Light

#091214

Dark
Light

#97DEF7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #161c1b;
  --color-2: #091214;
  --color-3: #97def7;
  --color-4: #00ace0;
  --color-5: #009fd9;
}

SCSS

$color-1: #161c1b;
$color-2: #091214;
$color-3: #97def7;
$color-4: #00ace0;
$color-5: #009fd9;

TAILWIND

colors: {
  'brand-1': '#161c1b',
  'brand-2': '#091214',
  'brand-3': '#97def7',
  'brand-4': '#00ace0',
  'brand-5': '#009fd9',
}

RGB Array

[22, 28, 27], [9, 18, 20], [151, 222, 247], [0, 172, 224], [0, 159, 217]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #161C1B, #091214, #97DEF7, #00ACE0, #009FD9 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #161c1b; --color-2: #091214; --color-3: #97def7; --color-4: #00ace0; --color-5: #009fd9. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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