← Back to Editor

#003063 · #00526B · #0C9992 · #4BD6BD · #72F2BD

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

#003063

Indigo · MidnightBlue · Deep Sea Blue

HEX
#003063
RGB
rgb(0, 48, 99)
HSL
hsl(211, 100%, 19%)
HSB
hsb(211, 100%, 39%)
CMYK
cmyk(100%, 52%, 0%, 61%)
Oklch
oklch(31.3% 0.102 254.7)

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

#00526B

Lake Blue · Teal · Peacock Green

HEX
#00526B
RGB
rgb(0, 82, 107)
HSL
hsl(194, 100%, 21%)
HSB
hsb(194, 100%, 42%)
CMYK
cmyk(100%, 23%, 0%, 58%)
Oklch
oklch(40.9% 0.079 226.9)

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

#0C9992

Mineral Blue · Teal · Mint Ice

HEX
#0C9992
RGB
rgb(12, 153, 146)
HSL
hsl(177, 85%, 32%)
HSB
hsb(177, 92%, 60%)
CMYK
cmyk(92%, 0%, 5%, 40%)
Oklch
oklch(61.7% 0.105 189.0)

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

#4BD6BD

Mineral Blue · MediumTurquoise · Lake Green

HEX
#4BD6BD
RGB
rgb(75, 214, 189)
HSL
hsl(169, 63%, 57%)
HSB
hsb(169, 65%, 84%)
CMYK
cmyk(65%, 0%, 12%, 16%)
Oklch
oklch(79.5% 0.124 178.6)

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

#72F2BD

Jade · MediumAquaMarine · Apple Green

HEX
#72F2BD
RGB
rgb(114, 242, 189)
HSL
hsl(155, 83%, 70%)
HSB
hsb(155, 53%, 95%)
CMYK
cmyk(53%, 0%, 22%, 5%)
Oklch
oklch(87.4% 0.138 163.9)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

003063
613200

Analogous

005F61
003063
020061

Triadic

003063
61002F
2F6100

Split-Comp.

003063
610200
5F6100

Tetradic

003063
61005F
613200
006102

Contrast Matrix WCAG 2.1 Contrast

003063
00526B
0C9992
4BD6BD
72F2BD
—
1.5
Fail
3.7
AA Large
7.3
AAA
9.5
AAA
1.5
Fail
—
2.5
Fail
4.8
AA
6.3
AA
3.7
AA Large
2.5
Fail
—
1.9
Fail
2.5
Fail
7.3
AAA
4.8
AA
1.9
Fail
—
1.3
Fail
9.5
AAA
6.3
AA
2.5
Fail
1.3
Fail
—
White BG
13.1AAA
8.7AAA
3.5AA Large
1.8Fail
1.4Fail
Black BG
1.6Fail
2.4Fail
6.0AA
11.7AAA
15.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

151557
242465
494A94
8788C3
A9ABCA

Deuteranopia

120E54
1F1963
413694
7F75C5
A298CD

Tritanopia

024D4B
04605F
139595
52C8C9
78D4D6

Achromatopsia

272727
3C3C3C
6E6E6E
AAAAAA
C6C6C6

Shades & Tints Shades & Tints

#003063

Dark
Light

#00526B

Dark
Light

#0C9992

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #003063;
  --color-2: #00526b;
  --color-3: #0c9992;
  --color-4: #4bd6bd;
  --color-5: #72f2bd;
}

SCSS

$color-1: #003063;
$color-2: #00526b;
$color-3: #0c9992;
$color-4: #4bd6bd;
$color-5: #72f2bd;

TAILWIND

colors: {
  'brand-1': '#003063',
  'brand-2': '#00526b',
  'brand-3': '#0c9992',
  'brand-4': '#4bd6bd',
  'brand-5': '#72f2bd',
}

RGB Array

[0, 48, 99], [0, 82, 107], [12, 153, 146], [75, 214, 189], [114, 242, 189]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #003063, #00526B, #0C9992, #4BD6BD, #72F2BD 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: #003063; --color-2: #00526b; --color-3: #0c9992; --color-4: #4bd6bd; --color-5: #72f2bd. 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