← Back to Editor

#06002D · #001466 · #006692 · #00A2A4 · #16DECE

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

#06002D

Deep Indigo · Black · Deep Sea Blue

HEX
#06002D
RGB
rgb(6, 0, 45)
HSL
hsl(248, 100%, 9%)
HSB
hsb(248, 100%, 18%)
CMYK
cmyk(87%, 100%, 0%, 82%)
Oklch
oklch(14.3% 0.089 276.8)

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

#001466

Indigo · MidnightBlue · Deep Sea Blue

HEX
#001466
RGB
rgb(0, 20, 102)
HSL
hsl(228, 100%, 20%)
HSB
hsb(228, 100%, 40%)
CMYK
cmyk(100%, 80%, 0%, 60%)
Oklch
oklch(25.6% 0.143 263.8)

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

#006692

Lake Blue · Teal · Mint Ice

HEX
#006692
RGB
rgb(0, 102, 146)
HSL
hsl(198, 100%, 29%)
HSB
hsb(198, 100%, 57%)
CMYK
cmyk(100%, 30%, 0%, 43%)
Oklch
oklch(48.3% 0.105 236.8)

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

#00A2A4

Lake Blue · LightSeaGreen · Mint Ice

HEX
#00A2A4
RGB
rgb(0, 162, 164)
HSL
hsl(181, 100%, 32%)
HSB
hsb(181, 100%, 64%)
CMYK
cmyk(100%, 1%, 0%, 36%)
Oklch
oklch(64.6% 0.110 196.3)

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

#16DECE

Mineral Blue · DarkTurquoise · Mint Ice

HEX
#16DECE
RGB
rgb(22, 222, 206)
HSL
hsl(175, 82%, 48%)
HSB
hsb(175, 90%, 87%)
CMYK
cmyk(90%, 0%, 7%, 13%)
Oklch
oklch(81.1% 0.140 185.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

06002D
282E00

Analogous

00112E
06002D
1D002E

Triadic

06002D
2E0600
002E06

Split-Comp.

06002D
2E1D00
112E00

Tetradic

06002D
2E0011
282E00
002E1D

Contrast Matrix WCAG 2.1 Contrast

06002D
001466
006692
00A2A4
16DECE
—
1.2
Fail
3.2
AA Large
6.4
AA
11.8
AAA
1.2
Fail
—
2.6
Fail
5.2
AA
9.6
AAA
3.2
AA Large
2.6
Fail
—
2.0
Fail
3.7
AA Large
6.4
AA
5.2
AA
2.0
Fail
—
1.8
Fail
11.8
AAA
9.6
AAA
3.7
AA Large
1.8
Fail
—
White BG
20.1AAA
16.3AAA
6.3AA
3.1AA Large
1.7Fail
Black BG
1.0Fail
1.3Fail
3.3AA Large
6.7AA
12.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

030322
090952
2C2D87
4648A4
6D6ED2

Deuteranopia

04041F
08064D
261F85
3D31A3
6152D3

Tritanopia

061A18
01423F
057F7D
08A3A3
20D5D6

Achromatopsia

070707
171717
4D4D4D
727272
A0A0A0

Shades & Tints Shades & Tints

#06002D

Dark
Light

#001466

Dark
Light

#006692

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #06002d;
  --color-2: #001466;
  --color-3: #006692;
  --color-4: #00a2a4;
  --color-5: #16dece;
}

SCSS

$color-1: #06002d;
$color-2: #001466;
$color-3: #006692;
$color-4: #00a2a4;
$color-5: #16dece;

TAILWIND

colors: {
  'brand-1': '#06002d',
  'brand-2': '#001466',
  'brand-3': '#006692',
  'brand-4': '#00a2a4',
  'brand-5': '#16dece',
}

RGB Array

[6, 0, 45], [0, 20, 102], [0, 102, 146], [0, 162, 164], [22, 222, 206]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #06002D, #001466, #006692, #00A2A4, #16DECE 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: #06002d; --color-2: #001466; --color-3: #006692; --color-4: #00a2a4; --color-5: #16dece. 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