← Back to Editor

#000719 · #004A49 · #FF5412 · #A1ECFF · #00B588

sea

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#000719

Indigo · Black · Deep Sea Blue

HEX
#000719
RGB
rgb(0, 7, 25)
HSL
hsl(223, 100%, 5%)
HSB
hsb(223, 100%, 10%)
CMYK
cmyk(100%, 72%, 0%, 90%)
Oklch
oklch(13.2% 0.045 255.9)

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

#004A49

Mineral Blue · DarkSlateGray · Peacock Green

HEX
#004A49
RGB
rgb(0, 74, 73)
HSL
hsl(179, 100%, 15%)
HSB
hsb(179, 100%, 29%)
CMYK
cmyk(100%, 0%, 1%, 71%)
Oklch
oklch(37.0% 0.063 193.2)

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

#FF5412

Tangerine · OrangeRed · Warm Sun

HEX
#FF5412
RGB
rgb(255, 84, 18)
HSL
hsl(17, 100%, 54%)
HSB
hsb(17, 93%, 100%)
CMYK
cmyk(0%, 67%, 93%, 0%)
Oklch
oklch(67.5% 0.217 37.5)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#A1ECFF

Sky Blue · LightBlue · Glacier Blue

HEX
#A1ECFF
RGB
rgb(161, 236, 255)
HSL
hsl(192, 100%, 82%)
HSB
hsb(192, 37%, 100%)
CMYK
cmyk(37%, 7%, 0%, 0%)
Oklch
oklch(90.1% 0.078 215.4)

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

#00B588

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#00B588
RGB
rgb(0, 181, 136)
HSL
hsl(165, 100%, 35%)
HSB
hsb(165, 100%, 71%)
CMYK
cmyk(100%, 0%, 25%, 29%)
Oklch
oklch(68.6% 0.140 167.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

000719
1A1200

Analogous

00141A
000719
06001A

Triadic

000719
1A0007
071A00

Split-Comp.

000719
1A0600
141A00

Tetradic

000719
1A0014
1A1200
001A06

Contrast Matrix WCAG 2.1 Contrast

000719
004A49
FF5412
A1ECFF
00B588
—
2.0
Fail
6.3
AA
15.3
AAA
7.6
AAA
2.0
Fail
—
3.1
AA Large
7.7
AAA
3.8
AA Large
6.3
AA
3.1
AA Large
—
2.4
Fail
1.2
Fail
15.3
AAA
7.7
AAA
2.4
Fail
—
2.0
Fail
7.6
AAA
3.8
AA Large
1.2
Fail
2.0
Fail
—
White BG
20.1AAA
10.1AAA
3.2AA Large
1.3Fail
2.6Fail
Black BG
1.0Fail
2.1Fail
6.5AA
16.0AAA
8.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

030315
202149
B5B322
C1C2FA
4E5093

Deuteranopia

030214
1C1649
BFCC26
BDB8F9
443696

Tritanopia

001110
044949
F62F31
A5F7F6
099B9D

Achromatopsia

070707
343434
808080
D8D8D8
7A7A7A

Shades & Tints Shades & Tints

#000719

Dark
Light

#004A49

Dark
Light

#FF5412

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #000719;
  --color-2: #004a49;
  --color-3: #ff5412;
  --color-4: #a1ecff;
  --color-5: #00b588;
}

SCSS

$color-1: #000719;
$color-2: #004a49;
$color-3: #ff5412;
$color-4: #a1ecff;
$color-5: #00b588;

TAILWIND

colors: {
  'brand-1': '#000719',
  'brand-2': '#004a49',
  'brand-3': '#ff5412',
  'brand-4': '#a1ecff',
  'brand-5': '#00b588',
}

RGB Array

[0, 7, 25], [0, 74, 73], [255, 84, 18], [161, 236, 255], [0, 181, 136]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #000719, #004A49, #FF5412, #A1ECFF, #00B588 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: #000719; --color-2: #004a49; --color-3: #ff5412; --color-4: #a1ecff; --color-5: #00b588. 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