← Back to Editor

#0A7774 · #19A29F · #1EC9C4 · #46E7E3 · #AAF9F7

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

#0A7774

Mineral Blue · Teal · Peacock Green

HEX
#0A7774
RGB
rgb(10, 119, 116)
HSL
hsl(178, 84%, 25%)
HSB
hsb(178, 92%, 47%)
CMYK
cmyk(92%, 0%, 3%, 53%)
Oklch
oklch(51.5% 0.086 191.7)

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

#19A29F

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#19A29F
RGB
rgb(25, 162, 159)
HSL
hsl(179, 73%, 37%)
HSB
hsb(179, 85%, 64%)
CMYK
cmyk(85%, 0%, 2%, 36%)
Oklch
oklch(64.6% 0.107 192.4)

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

#1EC9C4

Mineral Blue · DarkTurquoise · Mint Ice

HEX
#1EC9C4
RGB
rgb(30, 201, 196)
HSL
hsl(178, 74%, 45%)
HSB
hsb(178, 85%, 79%)
CMYK
cmyk(85%, 0%, 2%, 21%)
Oklch
oklch(75.7% 0.126 191.6)

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

#46E7E3

Mineral Blue · Turquoise · Lake Green

HEX
#46E7E3
RGB
rgb(70, 231, 227)
HSL
hsl(179, 77%, 59%)
HSB
hsb(179, 70%, 91%)
CMYK
cmyk(70%, 0%, 2%, 9%)
Oklch
oklch(84.6% 0.130 192.5)

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

#AAF9F7

Jade · LightBlue · Glacier Blue

HEX
#AAF9F7
RGB
rgb(170, 249, 247)
HSL
hsl(178, 87%, 82%)
HSB
hsb(178, 32%, 98%)
CMYK
cmyk(32%, 0%, 1%, 2%)
Oklch
oklch(93.1% 0.077 193.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0A7774
750A0E

Analogous

0A753C
0A7774
0A4375

Triadic

0A7774
720A75
75720A

Split-Comp.

0A7774
750A43
753C0A

Tetradic

0A7774
3C0A75
750A0E
43750A

Contrast Matrix WCAG 2.1 Contrast

0A7774
19A29F
1EC9C4
46E7E3
AAF9F7
—
1.7
Fail
2.6
Fail
3.5
AA Large
4.5
AA
1.7
Fail
—
1.5
Fail
2.1
Fail
2.6
Fail
2.6
Fail
1.5
Fail
—
1.4
Fail
1.7
Fail
3.5
AA Large
2.1
Fail
1.4
Fail
—
1.3
Fail
4.5
AA
2.6
Fail
1.7
Fail
1.3
Fail
—
White BG
5.4AA
3.1AA Large
2.1Fail
1.5Fail
1.2Fail
Black BG
3.9AA Large
6.7AA
10.2AAA
13.8AAA
17.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

393A75
5456A0
686AC5
8C8DE4
CCCDF7

Deuteranopia

332B75
4C42A0
5E51C6
8276E4
C8C2F8

Tritanopia

0F7575
20A0A0
27C6C6
4EE5E5
AEF8F8

Achromatopsia

565656
797979
959595
B6B6B6
E1E1E1

Shades & Tints Shades & Tints

#0A7774

Dark
Light

#19A29F

Dark
Light

#1EC9C4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0a7774;
  --color-2: #19a29f;
  --color-3: #1ec9c4;
  --color-4: #46e7e3;
  --color-5: #aaf9f7;
}

SCSS

$color-1: #0a7774;
$color-2: #19a29f;
$color-3: #1ec9c4;
$color-4: #46e7e3;
$color-5: #aaf9f7;

TAILWIND

colors: {
  'brand-1': '#0a7774',
  'brand-2': '#19a29f',
  'brand-3': '#1ec9c4',
  'brand-4': '#46e7e3',
  'brand-5': '#aaf9f7',
}

RGB Array

[10, 119, 116], [25, 162, 159], [30, 201, 196], [70, 231, 227], [170, 249, 247]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #0A7774, #19A29F, #1EC9C4, #46E7E3, #AAF9F7 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: #0a7774; --color-2: #19a29f; --color-3: #1ec9c4; --color-4: #46e7e3; --color-5: #aaf9f7. 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