← Back to Editor

#006A6A · #179993 · #F89E9E · #F3D1C8 · #C8EBEB

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

#006A6A

Lake Blue · Teal · Peacock Green

HEX
#006A6A
RGB
rgb(0, 106, 106)
HSL
hsl(180, 100%, 21%)
HSB
hsb(180, 100%, 42%)
CMYK
cmyk(100%, 0%, 0%, 58%)
Oklch
oklch(47.5% 0.081 194.8)

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

#179993

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#179993
RGB
rgb(23, 153, 147)
HSL
hsl(177, 74%, 35%)
HSB
hsb(177, 85%, 60%)
CMYK
cmyk(85%, 0%, 4%, 40%)
Oklch
oklch(61.8% 0.103 189.8)

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

#F89E9E

Peach Pink · LightSalmon · Coral Red

HEX
#F89E9E
RGB
rgb(248, 158, 158)
HSL
hsl(0, 87%, 80%)
HSB
hsb(0, 36%, 97%)
CMYK
cmyk(0%, 36%, 36%, 3%)
Oklch
oklch(79.0% 0.108 19.8)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#F3D1C8

Peach Pink · Pink · Cherry Blossom

HEX
#F3D1C8
RGB
rgb(243, 209, 200)
HSL
hsl(13, 64%, 87%)
HSB
hsb(13, 18%, 95%)
CMYK
cmyk(0%, 14%, 18%, 5%)
Oklch
oklch(88.7% 0.040 35.2)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#C8EBEB

Sky Blue · LightBlue · Glacier Blue

HEX
#C8EBEB
RGB
rgb(200, 235, 235)
HSL
hsl(180, 47%, 85%)
HSB
hsb(180, 15%, 92%)
CMYK
cmyk(15%, 0%, 0%, 8%)
Oklch
oklch(91.5% 0.036 196.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

006A6A
6B0000

Analogous

006B36
006A6A
00366B

Triadic

006A6A
6B006B
6B6B00

Split-Comp.

006A6A
6B0036
6B3600

Tetradic

006A6A
36006B
6B0000
366B00

Contrast Matrix WCAG 2.1 Contrast

006A6A
179993
F89E9E
F3D1C8
C8EBEB
—
1.8
Fail
3.2
AA Large
4.5
AA
5.1
AA
1.8
Fail
—
1.7
Fail
2.5
Fail
2.7
Fail
3.2
AA Large
1.7
Fail
—
1.4
Fail
1.6
Fail
4.5
AA
2.5
Fail
1.4
Fail
—
1.1
Fail
5.1
AA
2.7
Fail
1.6
Fail
1.1
Fail
—
White BG
6.4AA
3.5AA Large
2.0Fail
1.4Fail
1.3Fail
Black BG
3.3AA Large
6.0AA
10.4AAA
14.8AAA
16.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2E2F6A
4F5094
D1D09E
E4E4CA
D7D7EB

Deuteranopia

28206A
483E95
D6DD9E
E6E9CB
D5D3EB

Tritanopia

056A6A
1E9696
F49E9E
F1CCCC
CAEBEB

Achromatopsia

4A4A4A
717171
B9B9B9
DADADA
E1E1E1

Shades & Tints Shades & Tints

#006A6A

Dark
Light

#179993

Dark
Light

#F89E9E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #006a6a;
  --color-2: #179993;
  --color-3: #f89e9e;
  --color-4: #f3d1c8;
  --color-5: #c8ebeb;
}

SCSS

$color-1: #006a6a;
$color-2: #179993;
$color-3: #f89e9e;
$color-4: #f3d1c8;
$color-5: #c8ebeb;

TAILWIND

colors: {
  'brand-1': '#006a6a',
  'brand-2': '#179993',
  'brand-3': '#f89e9e',
  'brand-4': '#f3d1c8',
  'brand-5': '#c8ebeb',
}

RGB Array

[0, 106, 106], [23, 153, 147], [248, 158, 158], [243, 209, 200], [200, 235, 235]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #006A6A, #179993, #F89E9E, #F3D1C8, #C8EBEB 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: #006a6a; --color-2: #179993; --color-3: #f89e9e; --color-4: #f3d1c8; --color-5: #c8ebeb. 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