← Back to Editor

#001122 · #03273D · #084F65 · #0F95B0 · #11C2BA

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 App

Color Details Color Details

#001122

Indigo · Black · Deep Sea Blue

HEX
#001122
RGB
rgb(0, 17, 34)
HSL
hsl(210, 100%, 7%)
HSB
hsb(210, 100%, 13%)
CMYK
cmyk(100%, 50%, 0%, 87%)
Oklch
oklch(17.2% 0.045 246.3)

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

#03273D

Lake Blue · MidnightBlue · Deep Sea Blue

HEX
#03273D
RGB
rgb(3, 39, 61)
HSL
hsl(203, 91%, 13%)
HSB
hsb(203, 95%, 24%)
CMYK
cmyk(95%, 36%, 0%, 76%)
Oklch
oklch(26.1% 0.057 240.9)

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

#084F65

Lake Blue · DarkSlateGray · Peacock Green

HEX
#084F65
RGB
rgb(8, 79, 101)
HSL
hsl(194, 85%, 21%)
HSB
hsb(194, 92%, 40%)
CMYK
cmyk(92%, 22%, 0%, 60%)
Oklch
oklch(39.9% 0.073 225.6)

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

#0F95B0

Lake Blue · LightSeaGreen · Mint Ice

HEX
#0F95B0
RGB
rgb(15, 149, 176)
HSL
hsl(190, 84%, 37%)
HSB
hsb(190, 91%, 69%)
CMYK
cmyk(91%, 15%, 0%, 31%)
Oklch
oklch(61.9% 0.108 217.1)

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

#11C2BA

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#11C2BA
RGB
rgb(17, 194, 186)
HSL
hsl(177, 84%, 41%)
HSB
hsb(177, 91%, 76%)
CMYK
cmyk(91%, 0%, 4%, 24%)
Oklch
oklch(73.5% 0.125 189.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

001122
241200

Analogous

002424
001122
000024

Triadic

001122
240012
122400

Split-Comp.

001122
240000
242400

Tetradic

001122
240024
241200
002400

Contrast Matrix WCAG 2.1 Contrast

001122
03273D
084F65
0F95B0
11C2BA
—
1.2
Fail
2.1
Fail
5.4
AA
8.6
AAA
1.2
Fail
—
1.7
Fail
4.4
AA Large
6.9
AA
2.1
Fail
1.7
Fail
—
2.6
Fail
4.1
AA Large
5.4
AA
4.4
AA Large
2.6
Fail
—
1.6
Fail
8.6
AAA
6.9
AA
4.1
AA Large
1.6
Fail
—
White BG
19.0AAA
15.4AAA
9.1AAA
3.5AA Large
2.2Fail
Black BG
1.1Fail
1.4Fail
2.3Fail
5.9AA
9.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

07081E
131338
272760
494AA9
5E5FBC

Deuteranopia

06051D
110E36
231D5E
4137A8
5346BC

Tritanopia

011B1A
053333
0C5B5B
16A4A3
1ABDBE

Achromatopsia

0E0E0E
1F1F1F
3C3C3C
707070
8C8C8C

Shades & Tints Shades & Tints

#001122

Dark
Light

#03273D

Dark
Light

#084F65

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #001122;
  --color-2: #03273d;
  --color-3: #084f65;
  --color-4: #0f95b0;
  --color-5: #11c2ba;
}

SCSS

$color-1: #001122;
$color-2: #03273d;
$color-3: #084f65;
$color-4: #0f95b0;
$color-5: #11c2ba;

TAILWIND

colors: {
  'brand-1': '#001122',
  'brand-2': '#03273d',
  'brand-3': '#084f65',
  'brand-4': '#0f95b0',
  'brand-5': '#11c2ba',
}

RGB Array

[0, 17, 34], [3, 39, 61], [8, 79, 101], [15, 149, 176], [17, 194, 186]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #001122, #03273D, #084F65, #0F95B0, #11C2BA is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. Vivid colors effectively attract user attention. 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: #001122; --color-2: #03273d; --color-3: #084f65; --color-4: #0f95b0; --color-5: #11c2ba. 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 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