← Back to Editor

#B6E1C3 · #B9E667 · #B1D967 · #A3C856 · #E5FCB8

sea

A 5-color sea palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamic

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#B6E1C3

Celadon · Silver · Apple Green

HEX
#B6E1C3
RGB
rgb(182, 225, 195)
HSL
hsl(138, 42%, 80%)
HSB
hsb(138, 19%, 88%)
CMYK
cmyk(19%, 0%, 13%, 12%)
Oklch
oklch(87.1% 0.061 154.5)

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

#B9E667

Willow Green · LightGreen · Apple Green

HEX
#B9E667
RGB
rgb(185, 230, 103)
HSL
hsl(81, 72%, 65%)
HSB
hsb(81, 55%, 90%)
CMYK
cmyk(20%, 0%, 55%, 10%)
Oklch
oklch(86.7% 0.163 125.9)

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

#B1D967

Willow Green · LightGreen · Apple Green

HEX
#B1D967
RGB
rgb(177, 217, 103)
HSL
hsl(81, 60%, 63%)
HSB
hsb(81, 53%, 85%)
CMYK
cmyk(18%, 0%, 53%, 15%)
Oklch
oklch(83.3% 0.149 125.5)

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

#A3C856

Grass Green · DarkSeaGreen · Olive Green

HEX
#A3C856
RGB
rgb(163, 200, 86)
HSL
hsl(79, 51%, 56%)
HSB
hsb(79, 57%, 78%)
CMYK
cmyk(19%, 0%, 57%, 22%)
Oklch
oklch(78.2% 0.148 124.8)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#E5FCB8

Willow Green · Wheat · Mint Green

HEX
#E5FCB8
RGB
rgb(229, 252, 184)
HSL
hsl(80, 92%, 85%)
HSB
hsb(80, 27%, 99%)
CMYK
cmyk(9%, 0%, 27%, 1%)
Oklch
oklch(95.8% 0.091 123.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B6E1C3
E1B7D5

Analogous

BFE1B7
B6E1C3
B7E1D9

Triadic

B6E1C3
C3B7E1
E1C3B7

Split-Comp.

B6E1C3
D9B7E1
E1B7BF

Tetradic

B6E1C3
B7BFE1
E1B7D5
E1D9B7

Contrast Matrix WCAG 2.1 Contrast

B6E1C3
B9E667
B1D967
A3C856
E5FCB8
—
1.0
Fail
1.1
Fail
1.3
Fail
1.3
Fail
1.0
Fail
—
1.1
Fail
1.3
Fail
1.3
Fail
1.1
Fail
1.1
Fail
—
1.2
Fail
1.5
Fail
1.3
Fail
1.3
Fail
1.2
Fail
—
1.7
Fail
1.3
Fail
1.3
Fail
1.5
Fail
1.7
Fail
—
White BG
1.4Fail
1.4Fail
1.6Fail
1.9Fail
1.1Fail
Black BG
14.5AAA
14.6AAA
13.0AAA
11.0AAA
18.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C9C9CA
CCCD86
C2C383
B3B372
EFEFC8

Deuteranopia

C6C3CC
CAC78D
C0BD89
B1AE78
EEECCC

Tritanopia

B8D0D1
BB9EA3
B3989D
A5878C
E6D5D8

Achromatopsia

D1D1D1
CACACA
C0C0C0
B0B0B0
EDEDED

Shades & Tints Shades & Tints

#B6E1C3

Dark
Light

#B9E667

Dark
Light

#B1D967

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b6e1c3;
  --color-2: #b9e667;
  --color-3: #b1d967;
  --color-4: #a3c856;
  --color-5: #e5fcb8;
}

SCSS

$color-1: #b6e1c3;
$color-2: #b9e667;
$color-3: #b1d967;
$color-4: #a3c856;
$color-5: #e5fcb8;

TAILWIND

colors: {
  'brand-1': '#b6e1c3',
  'brand-2': '#b9e667',
  'brand-3': '#b1d967',
  'brand-4': '#a3c856',
  'brand-5': '#e5fcb8',
}

RGB Array

[182, 225, 195], [185, 230, 103], [177, 217, 103], [163, 200, 86], [229, 252, 184]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #B6E1C3, #B9E667, #B1D967, #A3C856, #E5FCB8 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. 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: #b6e1c3; --color-2: #b9e667; --color-3: #b1d967; --color-4: #a3c856; --color-5: #e5fcb8. 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 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