← Back to Editor

#63FFFC · #06C2BF · #059E9C · #024746 · #042121

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

#63FFFC

Jade · LightSkyBlue · Lake Green

HEX
#63FFFC
RGB
rgb(99, 255, 252)
HSL
hsl(179, 100%, 69%)
HSB
hsb(179, 61%, 100%)
CMYK
cmyk(61%, 0%, 1%, 0%)
Oklch
oklch(91.8% 0.130 193.3)

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

#06C2BF

Mineral Blue · DarkTurquoise · Mint Ice

HEX
#06C2BF
RGB
rgb(6, 194, 191)
HSL
hsl(179, 94%, 39%)
HSB
hsb(179, 97%, 76%)
CMYK
cmyk(97%, 0%, 2%, 24%)
Oklch
oklch(73.6% 0.126 192.8)

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

#059E9C

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#059E9C
RGB
rgb(5, 158, 156)
HSL
hsl(179, 94%, 32%)
HSB
hsb(179, 97%, 62%)
CMYK
cmyk(97%, 0%, 1%, 38%)
Oklch
oklch(63.3% 0.108 193.2)

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

#024746

Mineral Blue · DarkSlateGray · Peacock Green

HEX
#024746
RGB
rgb(2, 71, 70)
HSL
hsl(179, 95%, 14%)
HSB
hsb(179, 97%, 28%)
CMYK
cmyk(97%, 0%, 1%, 72%)
Oklch
oklch(36.0% 0.061 193.2)

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

#042121

Lake Blue · Black · Peacock Green

HEX
#042121
RGB
rgb(4, 33, 33)
HSL
hsl(180, 78%, 7%)
HSB
hsb(180, 88%, 13%)
CMYK
cmyk(88%, 0%, 0%, 87%)
Oklch
oklch(22.6% 0.034 195.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

63FFFC
FF6164

Analogous

61FFAD
63FFFC
61B3FF

Triadic

63FFFC
FC61FF
FFFC61

Split-Comp.

63FFFC
FF61B3
FFAD61

Tetradic

63FFFC
AD61FF
FF6164
B3FF61

Contrast Matrix WCAG 2.1 Contrast

63FFFC
06C2BF
059E9C
024746
042121
—
1.8
Fail
2.7
Fail
8.7
AAA
13.9
AAA
1.8
Fail
—
1.5
Fail
4.8
AA
7.6
AAA
2.7
Fail
1.5
Fail
—
3.2
AA Large
5.1
AA
8.7
AAA
4.8
AA
3.2
AA Large
—
1.6
Fail
13.9
AAA
7.6
AAA
5.1
AA
1.6
Fail
—
White BG
1.2Fail
2.2Fail
3.3AA Large
10.5AAA
16.9AAA
Black BG
17.2AAA
9.5AAA
6.4AA
2.0Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A7A8FD
5759C0
47499C
202046
111121

Deuteranopia

9E92FD
4D3EC0
3E339D
1C1746
0F0D21

Tritanopia

6BFDFD
0FC0C0
0D9D9D
054646
052121

Achromatopsia

D0D0D0
898989
707070
323232
181818

Shades & Tints Shades & Tints

#63FFFC

Dark
Light

#06C2BF

Dark
Light

#059E9C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #63fffc;
  --color-2: #06c2bf;
  --color-3: #059e9c;
  --color-4: #024746;
  --color-5: #042121;
}

SCSS

$color-1: #63fffc;
$color-2: #06c2bf;
$color-3: #059e9c;
$color-4: #024746;
$color-5: #042121;

TAILWIND

colors: {
  'brand-1': '#63fffc',
  'brand-2': '#06c2bf',
  'brand-3': '#059e9c',
  'brand-4': '#024746',
  'brand-5': '#042121',
}

RGB Array

[99, 255, 252], [6, 194, 191], [5, 158, 156], [2, 71, 70], [4, 33, 33]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #63FFFC, #06C2BF, #059E9C, #024746, #042121 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: #63fffc; --color-2: #06c2bf; --color-3: #059e9c; --color-4: #024746; --color-5: #042121. 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