← Back to Editor

#C3F9E3 · #B3F3E7 · #BFDFE6 · #DBB3CB · #EF8FCA

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

#C3F9E3

Jade · LightBlue · Mint Green

HEX
#C3F9E3
RGB
rgb(195, 249, 227)
HSL
hsl(156, 82%, 87%)
HSB
hsb(156, 22%, 98%)
CMYK
cmyk(22%, 0%, 9%, 2%)
Oklch
oklch(93.9% 0.062 168.1)

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

#B3F3E7

Jade · LightBlue · Glacier Blue

HEX
#B3F3E7
RGB
rgb(179, 243, 231)
HSL
hsl(169, 73%, 83%)
HSB
hsb(169, 26%, 95%)
CMYK
cmyk(26%, 0%, 5%, 5%)
Oklch
oklch(91.8% 0.066 181.9)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#BFDFE6

Sky Blue · LightBlue · Glacier Blue

HEX
#BFDFE6
RGB
rgb(191, 223, 230)
HSL
hsl(191, 44%, 83%)
HSB
hsb(191, 17%, 90%)
CMYK
cmyk(17%, 3%, 0%, 10%)
Oklch
oklch(88.3% 0.035 212.4)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

#DBB3CB

Mauve · Silver · Cherry Blossom

HEX
#DBB3CB
RGB
rgb(219, 179, 203)
HSL
hsl(324, 36%, 78%)
HSB
hsb(324, 18%, 86%)
CMYK
cmyk(0%, 18%, 7%, 14%)
Oklch
oklch(80.9% 0.056 341.7)

Traditional「Mauve」· Paint「Cherry Blossom」· Creative Rose Petal

#EF8FCA

Mauve · Violet · Rose Pink

HEX
#EF8FCA
RGB
rgb(239, 143, 202)
HSL
hsl(323, 75%, 75%)
HSB
hsb(323, 40%, 94%)
CMYK
cmyk(0%, 40%, 15%, 6%)
Oklch
oklch(76.8% 0.136 343.2)

Traditional「Mauve」· Paint「Rose Pink」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C3F9E3
F9C3D8

Analogous

C3F9C8
C3F9E3
C3F4F9

Triadic

C3F9E3
E3C3F9
F9E3C3

Split-Comp.

C3F9E3
F9C3F4
F9C8C3

Tetradic

C3F9E3
C8C3F9
F9C3D8
F4F9C3

Contrast Matrix WCAG 2.1 Contrast

C3F9E3
B3F3E7
BFDFE6
DBB3CB
EF8FCA
—
1.1
Fail
1.2
Fail
1.6
Fail
1.9
Fail
1.1
Fail
—
1.1
Fail
1.5
Fail
1.8
Fail
1.2
Fail
1.1
Fail
—
1.3
Fail
1.6
Fail
1.6
Fail
1.5
Fail
1.3
Fail
—
1.2
Fail
1.9
Fail
1.8
Fail
1.6
Fail
1.2
Fail
—
White BG
1.2Fail
1.2Fail
1.4Fail
1.9Fail
2.2Fail
Black BG
18.0AAA
16.9AAA
14.9AAA
11.3AAA
9.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DADBE8
CFCFEA
CDCDE4
CAC9C5
C5C5BC

Deuteranopia

D7D3EA
CBC6EB
CBC9E4
CCCFC4
CBD2B8

Tritanopia

C6EDED
B6ECED
C1E3E3
D9C1C0
EAB0AE

Achromatopsia

E6E6E6
DEDEDE
D6D6D6
C2C2C2
B2B2B2

Shades & Tints Shades & Tints

#C3F9E3

Dark
Light

#B3F3E7

Dark
Light

#BFDFE6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c3f9e3;
  --color-2: #b3f3e7;
  --color-3: #bfdfe6;
  --color-4: #dbb3cb;
  --color-5: #ef8fca;
}

SCSS

$color-1: #c3f9e3;
$color-2: #b3f3e7;
$color-3: #bfdfe6;
$color-4: #dbb3cb;
$color-5: #ef8fca;

TAILWIND

colors: {
  'brand-1': '#c3f9e3',
  'brand-2': '#b3f3e7',
  'brand-3': '#bfdfe6',
  'brand-4': '#dbb3cb',
  'brand-5': '#ef8fca',
}

RGB Array

[195, 249, 227], [179, 243, 231], [191, 223, 230], [219, 179, 203], [239, 143, 202]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #C3F9E3, #B3F3E7, #BFDFE6, #DBB3CB, #EF8FCA 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: #c3f9e3; --color-2: #b3f3e7; --color-3: #bfdfe6; --color-4: #dbb3cb; --color-5: #ef8fca. 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