#BEC998 + #A0D2AF + #81DAC6 + #63E3DD + #44EBF4 · sea - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#BEC998

Willow Green · Tan · Apple Green

HEX

#BEC998

RGB

rgb(190, 201, 152)

HSL

hsl(73, 31%, 69%)

HSB

hsb(73, 24%, 79%)

CMYK

cmyk(5%, 0%, 24%, 21%)

Oklch

oklch(81.5% 0.067 118.2)

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

#A0D2AF

Celadon · Silver · Apple Green

HEX

#A0D2AF

RGB

rgb(160, 210, 175)

HSL

hsl(138, 36%, 73%)

HSB

hsb(138, 24%, 82%)

CMYK

cmyk(24%, 0%, 17%, 18%)

Oklch

oklch(81.9% 0.072 154.1)

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

#81DAC6

Jade · SkyBlue · Lake Green

HEX

#81DAC6

RGB

rgb(129, 218, 198)

HSL

hsl(167, 55%, 68%)

HSB

hsb(167, 41%, 85%)

CMYK

cmyk(41%, 0%, 9%, 15%)

Oklch

oklch(82.7% 0.091 177.9)

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

#63E3DD

Jade · MediumTurquoise · Lake Green

HEX

#63E3DD

RGB

rgb(99, 227, 221)

HSL

hsl(177, 70%, 64%)

HSB

hsb(177, 56%, 89%)

CMYK

cmyk(56%, 0%, 3%, 11%)

Oklch

oklch(84.3% 0.113 191.0)

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

#44EBF4

Sky Blue · Turquoise · Lake Green

HEX

#44EBF4

RGB

rgb(68, 235, 244)

HSL

hsl(183, 89%, 61%)

HSB

hsb(183, 72%, 96%)

CMYK

cmyk(72%, 4%, 0%, 4%)

Oklch

oklch(86.1% 0.132 200.4)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BEC998

A297C8

Analogous

C8BB97

BEC998

A5C897

Triadic

BEC998

97BEC8

C897BE

Split-Comp.

BEC998

97A5C8

BB97C8

Tetradic

BEC998

97C8BB

A297C8

C897A5

Contrast Matrix WCAG 2.1 Contrast

BEC998	A0D2AF	81DAC6	63E3DD	44EBF4
—	1.0 Fail	1.1 Fail	1.1 Fail	1.2 Fail
1.0 Fail	—	1.0 Fail	1.1 Fail	1.2 Fail
1.1 Fail	1.0 Fail	—	1.1 Fail	1.1 Fail
1.1 Fail	1.1 Fail	1.1 Fail	—	1.1 Fail
1.2 Fail	1.2 Fail	1.1 Fail	1.1 Fail	—

White BG

1.8Fail

1.7Fail

1.6Fail

1.5Fail

Black BG

12.0AAA

12.3AAA

12.8AAA

13.6AAA

14.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C3C3A4

B6B6B7

A8A8CB

9A9CDE

8C8EF2

Deuteranopia

C2C1A7

B3AFBA

A29CCC

9389DF

8376F1

Tritanopia

BFADAF

A3BEC0

85CFD0

69E0E0

4CF0F0

Achromatopsia

C0C0C0

BFBFBF

BDBDBD

BCBCBC

BABABA

Shades & Tints Shades & Tints

#BEC998

Dark

Light

#A0D2AF

Dark

Light

#81DAC6

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bec998;
  --color-2: #a0d2af;
  --color-3: #81dac6;
  --color-4: #63e3dd;
  --color-5: #44ebf4;
}

SCSS

$color-1: #bec998;
$color-2: #a0d2af;
$color-3: #81dac6;
$color-4: #63e3dd;
$color-5: #44ebf4;

TAILWIND

colors: {
  'brand-1': '#bec998',
  'brand-2': '#a0d2af',
  'brand-3': '#81dac6',
  'brand-4': '#63e3dd',
  'brand-5': '#44ebf4',
}

RGB Array

[190, 201, 152], [160, 210, 175], [129, 218, 198], [99, 227, 221], [68, 235, 244]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #BEC998, #A0D2AF, #81DAC6, #63E3DD, #44EBF4 is ideal for: health products, baby brands, fresh-style blogs. 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: #bec998; --color-2: #a0d2af; --color-3: #81dac6; --color-4: #63e3dd; --color-5: #44ebf4. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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