← Back to Editor

#B6D9C7 · #C3E2B3 · #56F6EF · #960F2A · #330618

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 AppData Visualization

Color Details Color Details

#B6D9C7

Celadon · Silver · Apple Green

HEX
#B6D9C7
RGB
rgb(182, 217, 199)
HSL
hsl(149, 32%, 78%)
HSB
hsb(149, 16%, 85%)
CMYK
cmyk(16%, 0%, 8%, 15%)
Oklch
oklch(85.5% 0.045 163.0)

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

#C3E2B3

Celadon · Silver · Apple Green

HEX
#C3E2B3
RGB
rgb(195, 226, 179)
HSL
hsl(100, 45%, 79%)
HSB
hsb(100, 21%, 89%)
CMYK
cmyk(14%, 0%, 21%, 11%)
Oklch
oklch(87.8% 0.071 135.0)

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

#56F6EF

Jade · Turquoise · Lake Green

HEX
#56F6EF
RGB
rgb(86, 246, 239)
HSL
hsl(177, 90%, 65%)
HSB
hsb(177, 65%, 96%)
CMYK
cmyk(65%, 0%, 3%, 4%)
Oklch
oklch(88.9% 0.132 190.9)

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

#960F2A

Vermilion · Brown · Wine Red

HEX
#960F2A
RGB
rgb(150, 15, 42)
HSL
hsl(348, 82%, 32%)
HSB
hsb(348, 90%, 59%)
CMYK
cmyk(0%, 90%, 72%, 41%)
Oklch
oklch(43.3% 0.165 18.9)

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

#330618

Dark Violet · Black · Raspberry

HEX
#330618
RGB
rgb(51, 6, 24)
HSL
hsl(336, 79%, 11%)
HSB
hsb(336, 88%, 20%)
CMYK
cmyk(0%, 88%, 53%, 80%)
Oklch
oklch(21.8% 0.074 1.0)

Traditional「Dark Violet」· Paint「Raspberry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B6D9C7
D9B5C7

Analogous

B6D9B5
B6D9C7
B5D9D8

Triadic

B6D9C7
C6B5D9
D9C6B5

Split-Comp.

B6D9C7
D8B5D9
D9B5B6

Tetradic

B6D9C7
B5B6D9
D9B5C7
D9D8B5

Contrast Matrix WCAG 2.1 Contrast

B6D9C7
C3E2B3
56F6EF
960F2A
330618
—
1.1
Fail
1.2
Fail
5.7
AA
11.6
AAA
1.1
Fail
—
1.1
Fail
6.2
AA
12.6
AAA
1.2
Fail
1.1
Fail
—
6.6
AA
13.4
AAA
5.7
AA
6.2
AA
6.6
AA
—
2.0
Fail
11.6
AAA
12.6
AAA
13.4
AAA
2.0
Fail
—
White BG
1.5Fail
1.4Fail
1.3Fail
8.8AAA
17.8AAA
Black BG
13.7AAA
14.8AAA
15.8AAA
2.4Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C5C5CB
D0D1BE
9B9DF1
5C5A23
201F14

Deuteranopia

C3C1CC
CFCCC1
9286F1
636E22
222513

Tritanopia

B8CFD0
C5C7C9
5EF2F2
8F1E1D
31100F

Achromatopsia

CCCCCC
D3D3D3
C5C5C5
3A3A3A
161616

Shades & Tints Shades & Tints

#B6D9C7

Dark
Light

#C3E2B3

Dark
Light

#56F6EF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b6d9c7;
  --color-2: #c3e2b3;
  --color-3: #56f6ef;
  --color-4: #960f2a;
  --color-5: #330618;
}

SCSS

$color-1: #b6d9c7;
$color-2: #c3e2b3;
$color-3: #56f6ef;
$color-4: #960f2a;
$color-5: #330618;

TAILWIND

colors: {
  'brand-1': '#b6d9c7',
  'brand-2': '#c3e2b3',
  'brand-3': '#56f6ef',
  'brand-4': '#960f2a',
  'brand-5': '#330618',
}

RGB Array

[182, 217, 199], [195, 226, 179], [86, 246, 239], [150, 15, 42], [51, 6, 24]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #B6D9C7, #C3E2B3, #56F6EF, #960F2A, #330618 is ideal for: social media posters, mobile apps, e-commerce promos, 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: #b6d9c7; --color-2: #c3e2b3; --color-3: #56f6ef; --color-4: #960f2a; --color-5: #330618. 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. 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