← Back to Editor

#A2F7A9 · #11D6C4 · #119FD6 · #8B11D6 · #D611A5

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 App

Color Details Color Details

#A2F7A9

Emerald · LightGreen · Apple Green

HEX
#A2F7A9
RGB
rgb(162, 247, 169)
HSL
hsl(125, 84%, 80%)
HSB
hsb(125, 34%, 97%)
CMYK
cmyk(34%, 0%, 32%, 3%)
Oklch
oklch(90.2% 0.134 146.3)

Traditional「Emerald」· Paint「Apple Green」· Creative Mint Breeze

#11D6C4

Mineral Blue · DarkTurquoise · Mint Ice

HEX
#11D6C4
RGB
rgb(17, 214, 196)
HSL
hsl(175, 85%, 45%)
HSB
hsb(175, 92%, 84%)
CMYK
cmyk(92%, 0%, 8%, 16%)
Oklch
oklch(78.8% 0.138 184.1)

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

#119FD6

Lake Blue · DodgerBlue · Mint Ice

HEX
#119FD6
RGB
rgb(17, 159, 214)
HSL
hsl(197, 85%, 45%)
HSB
hsb(197, 92%, 84%)
CMYK
cmyk(92%, 26%, 0%, 16%)
Oklch
oklch(66.1% 0.133 232.7)

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

#8B11D6

Royal Purple · DarkViolet · Violet

HEX
#8B11D6
RGB
rgb(139, 17, 214)
HSL
hsl(277, 85%, 45%)
HSB
hsb(277, 92%, 84%)
CMYK
cmyk(35%, 92%, 0%, 16%)
Oklch
oklch(51.0% 0.256 305.6)

Traditional「Royal Purple」· Paint「Violet」· Creative Blush Sunrise

#D611A5

Rose Purple · MediumVioletRed · Violet

HEX
#D611A5
RGB
rgb(214, 17, 165)
HSL
hsl(315, 85%, 45%)
HSB
hsb(315, 92%, 84%)
CMYK
cmyk(0%, 92%, 23%, 16%)
Oklch
oklch(59.2% 0.248 342.3)

Traditional「Rose Purple」· Paint「Violet」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A2F7A9
F7A1F0

Analogous

C5F7A1
A2F7A9
A1F7D3

Triadic

A2F7A9
A8A1F7
F7A8A1

Split-Comp.

A2F7A9
D3A1F7
F7A1C5

Tetradic

A2F7A9
A1C5F7
F7A1F0
F7D3A1

Contrast Matrix WCAG 2.1 Contrast

A2F7A9
11D6C4
119FD6
8B11D6
D611A5
—
1.4
Fail
2.4
Fail
5.2
AA
3.7
AA Large
1.4
Fail
—
1.6
Fail
3.6
AA Large
2.6
Fail
2.4
Fail
1.6
Fail
—
2.2
Fail
1.6
Fail
5.2
AA
3.6
AA Large
2.2
Fail
—
1.4
Fail
3.7
AA Large
2.6
Fail
1.6
Fail
1.4
Fail
—
White BG
1.3Fail
1.8Fail
3.0AA Large
6.7AA
4.7AA
Black BG
16.4AAA
11.4AAA
7.0AA
3.1AA Large
4.5AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

C7C8BC
6668C8
4E50C9
5655A6
817F81

Deuteranopia

C2BCC0
5B4CC9
463CC5
5D669B
8C9B79

Tritanopia

A6CBCE
1BCCCD
18BEBC
858178
CC655F

Achromatopsia

D5D5D5
999999
7B7B7B
4C4C4C
5D5D5D

Shades & Tints Shades & Tints

#A2F7A9

Dark
Light

#11D6C4

Dark
Light

#119FD6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a2f7a9;
  --color-2: #11d6c4;
  --color-3: #119fd6;
  --color-4: #8b11d6;
  --color-5: #d611a5;
}

SCSS

$color-1: #a2f7a9;
$color-2: #11d6c4;
$color-3: #119fd6;
$color-4: #8b11d6;
$color-5: #d611a5;

TAILWIND

colors: {
  'brand-1': '#a2f7a9',
  'brand-2': '#11d6c4',
  'brand-3': '#119fd6',
  'brand-4': '#8b11d6',
  'brand-5': '#d611a5',
}

RGB Array

[162, 247, 169], [17, 214, 196], [17, 159, 214], [139, 17, 214], [214, 17, 165]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #A2F7A9, #11D6C4, #119FD6, #8B11D6, #D611A5 is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. 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: #a2f7a9; --color-2: #11d6c4; --color-3: #119fd6; --color-4: #8b11d6; --color-5: #d611a5. 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. 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