← Back to Editor

#073E78 · #E1FAFC · #D2F7F3 · #002D33 · #053969

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

#073E78

Indigo · MidnightBlue · Prussian Blue

HEX
#073E78
RGB
rgb(7, 62, 120)
HSL
hsl(211, 89%, 25%)
HSB
hsb(211, 94%, 47%)
CMYK
cmyk(94%, 48%, 0%, 53%)
Oklch
oklch(36.7% 0.112 254.7)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#E1FAFC

Sky Blue · Lavender · Glacier Blue

HEX
#E1FAFC
RGB
rgb(225, 250, 252)
HSL
hsl(184, 82%, 94%)
HSB
hsb(184, 11%, 99%)
CMYK
cmyk(11%, 1%, 0%, 1%)
Oklch
oklch(96.8% 0.026 202.6)

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

#D2F7F3

Jade · Lavender · Glacier Blue

HEX
#D2F7F3
RGB
rgb(210, 247, 243)
HSL
hsl(174, 70%, 90%)
HSB
hsb(174, 15%, 97%)
CMYK
cmyk(15%, 0%, 2%, 3%)
Oklch
oklch(94.9% 0.039 188.5)

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

#002D33

Lake Blue · DarkSlateGray · Peacock Green

HEX
#002D33
RGB
rgb(0, 45, 51)
HSL
hsl(187, 100%, 10%)
HSB
hsb(187, 100%, 20%)
CMYK
cmyk(100%, 12%, 0%, 80%)
Oklch
oklch(27.2% 0.047 208.6)

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

#053969

Lake Blue · MidnightBlue · Prussian Blue

HEX
#053969
RGB
rgb(5, 57, 105)
HSL
hsl(209, 91%, 22%)
HSB
hsb(209, 95%, 41%)
CMYK
cmyk(95%, 46%, 0%, 59%)
Oklch
oklch(34.2% 0.098 252.2)

Traditional「Lake Blue」· Paint「Prussian Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

073E78
784207

Analogous

077778
073E78
090778

Triadic

073E78
78073E
3E7807

Split-Comp.

073E78
780907
777807

Tetradic

073E78
780777
784207
077809

Contrast Matrix WCAG 2.1 Contrast

073E78
E1FAFC
D2F7F3
002D33
053969
—
9.8
AAA
9.3
AAA
1.4
Fail
1.1
Fail
9.8
AAA
—
1.1
Fail
13.5
AAA
10.7
AAA
9.3
AAA
1.1
Fail
—
12.9
AAA
10.2
AAA
1.4
Fail
13.5
AAA
12.9
AAA
—
1.3
Fail
1.1
Fail
10.7
AAA
10.2
AAA
1.3
Fail
—
White BG
10.7AAA
1.1Fail
1.1Fail
14.8AAA
11.7AAA
Black BG
2.0Fail
19.3AAA
18.3AAA
1.4Fail
1.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

1F1F6A
ECECFC
E2E2F4
131432
1C1C5D

Deuteranopia

1C1767
EAE9FB
E0DDF4
110E31
19155B

Tritanopia

0A5F5C
E2FBFB
D4F5F5
023030
085452

Achromatopsia

343434
F3F3F3
EBEBEB
202020
2F2F2F

Shades & Tints Shades & Tints

#073E78

Dark
Light

#E1FAFC

Dark
Light

#D2F7F3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #073e78;
  --color-2: #e1fafc;
  --color-3: #d2f7f3;
  --color-4: #002d33;
  --color-5: #053969;
}

SCSS

$color-1: #073e78;
$color-2: #e1fafc;
$color-3: #d2f7f3;
$color-4: #002d33;
$color-5: #053969;

TAILWIND

colors: {
  'brand-1': '#073e78',
  'brand-2': '#e1fafc',
  'brand-3': '#d2f7f3',
  'brand-4': '#002d33',
  'brand-5': '#053969',
}

RGB Array

[7, 62, 120], [225, 250, 252], [210, 247, 243], [0, 45, 51], [5, 57, 105]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #073E78, #E1FAFC, #D2F7F3, #002D33, #053969 is ideal for: social media posters, mobile apps, e-commerce promos, 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: #073e78; --color-2: #e1fafc; --color-3: #d2f7f3; --color-4: #002d33; --color-5: #053969. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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