#2AE6CA + #81C7BC + #A69296 + #D1647A + #FA3966 · sea - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#2AE6CA

Mineral Blue · Turquoise · Lake Green

HEX

#2AE6CA

RGB

rgb(42, 230, 202)

HSL

hsl(171, 79%, 53%)

HSB

hsb(171, 82%, 90%)

CMYK

cmyk(82%, 0%, 12%, 10%)

Oklch

oklch(83.1% 0.145 179.3)

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

#81C7BC

Jade · MediumAquaMarine · Lake Green

HEX

#81C7BC

RGB

rgb(129, 199, 188)

HSL

hsl(171, 38%, 64%)

HSB

hsb(171, 35%, 78%)

CMYK

cmyk(35%, 0%, 6%, 22%)

Oklch

oklch(78.0% 0.072 183.4)

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

#A69296

Peach Pink · DarkGray · Coral Red

HEX

#A69296

RGB

rgb(166, 146, 150)

HSL

hsl(348, 10%, 61%)

HSB

hsb(348, 12%, 65%)

CMYK

cmyk(0%, 12%, 10%, 35%)

Oklch

oklch(67.9% 0.024 4.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#D1647A

Peach Pink · LightCoral · Coral Red

HEX

#D1647A

RGB

rgb(209, 100, 122)

HSL

hsl(348, 54%, 61%)

HSB

hsb(348, 52%, 82%)

CMYK

cmyk(0%, 52%, 42%, 18%)

Oklch

oklch(64.0% 0.139 9.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#FA3966

Vermilion · Tomato · Passion Red

HEX

#FA3966

RGB

rgb(250, 57, 102)

HSL

hsl(346, 95%, 60%)

HSB

hsb(346, 77%, 98%)

CMYK

cmyk(0%, 77%, 59%, 2%)

Oklch

oklch(65.2% 0.226 13.5)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2AE6CA

E62845

Analogous

28E66B

2AE6CA

28A4E6

Triadic

2AE6CA

C928E6

E6C928

Split-Comp.

2AE6CA

E628A4

E66B28

Tetradic

2AE6CA

6B28E6

E62845

A4E628

Contrast Matrix WCAG 2.1 Contrast

2AE6CA	81C7BC	A69296	D1647A	FA3966
—	1.2 Fail	1.8 Fail	2.3 Fail	2.3 Fail
1.2 Fail	—	1.5 Fail	1.9 Fail	1.9 Fail
1.8 Fail	1.5 Fail	—	1.2 Fail	1.2 Fail
2.3 Fail	1.9 Fail	1.2 Fail	—	1.0 Fail
2.3 Fail	1.9 Fail	1.2 Fail	1.0 Fail	—

White BG

1.6Fail

1.9Fail

2.9Fail

3.6AA Large

Black BG

13.3AAA

10.8AAA

7.2AAA

5.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7B7DD1

9FA0BF

9D9D95

A2A175

A6A55B

Deuteranopia

7162D2

9B96BF

9FA095

A8B073

B2C058

Tritanopia

33D6D7

85C1C1

A59494

CC7070

F05351

Achromatopsia

ABABAB

B1B1B1

989898

878787

787878

Shades & Tints Shades & Tints

#2AE6CA

Dark

Light

#81C7BC

Dark

Light

#A69296

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2ae6ca;
  --color-2: #81c7bc;
  --color-3: #a69296;
  --color-4: #d1647a;
  --color-5: #fa3966;
}

SCSS

$color-1: #2ae6ca;
$color-2: #81c7bc;
$color-3: #a69296;
$color-4: #d1647a;
$color-5: #fa3966;

TAILWIND

colors: {
  'brand-1': '#2ae6ca',
  'brand-2': '#81c7bc',
  'brand-3': '#a69296',
  'brand-4': '#d1647a',
  'brand-5': '#fa3966',
}

RGB Array

[42, 230, 202], [129, 199, 188], [166, 146, 150], [209, 100, 122], [250, 57, 102]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #2AE6CA, #81C7BC, #A69296, #D1647A, #FA3966 is ideal for: corporate websites, product showcases, portfolios. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #2ae6ca; --color-2: #81c7bc; --color-3: #a69296; --color-4: #d1647a; --color-5: #fa3966. 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 tech, SaaS, healthcare, eco industries. 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