← Back to Editor

#EFEBB9 · #F3C0BB · #DB6FB5 · #9368A1 · #475693

sea

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#EFEBB9

Fresh Green · Wheat · Lemon Cream

HEX
#EFEBB9
RGB
rgb(239, 235, 185)
HSL
hsl(56, 63%, 83%)
HSB
hsb(56, 23%, 94%)
CMYK
cmyk(0%, 2%, 23%, 6%)
Oklch
oklch(93.1% 0.065 103.8)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#F3C0BB

Peach Pink · LightPink · Cherry Blossom

HEX
#F3C0BB
RGB
rgb(243, 192, 187)
HSL
hsl(5, 70%, 84%)
HSB
hsb(5, 23%, 95%)
CMYK
cmyk(0%, 21%, 23%, 5%)
Oklch
oklch(85.2% 0.059 24.9)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#DB6FB5

Mauve · Orchid · Rose Pink

HEX
#DB6FB5
RGB
rgb(219, 111, 181)
HSL
hsl(321, 60%, 65%)
HSB
hsb(321, 49%, 86%)
CMYK
cmyk(0%, 49%, 17%, 14%)
Oklch
oklch(68.8% 0.158 342.5)

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

#9368A1

Dark Plum · LightSlateGray · Violet

HEX
#9368A1
RGB
rgb(147, 104, 161)
HSL
hsl(285, 23%, 52%)
HSB
hsb(285, 35%, 63%)
CMYK
cmyk(9%, 35%, 0%, 37%)
Oklch
oklch(58.3% 0.098 317.6)

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

#475693

Indigo · DarkSlateBlue · Navy Blue

HEX
#475693
RGB
rgb(71, 86, 147)
HSL
hsl(228, 35%, 43%)
HSB
hsb(228, 52%, 58%)
CMYK
cmyk(52%, 41%, 0%, 42%)
Oklch
oklch(47.0% 0.100 271.6)

Traditional「Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EFEBB9
B8BCEF

Analogous

EFD0B8
EFEBB9
D7EFB8

Triadic

EFEBB9
B8EFEB
EBB8EF

Split-Comp.

EFEBB9
B8D7EF
D0B8EF

Tetradic

EFEBB9
B8EFD0
B8BCEF
EFB8D7

Contrast Matrix WCAG 2.1 Contrast

EFEBB9
F3C0BB
DB6FB5
9368A1
475693
—
1.3
Fail
2.5
Fail
3.6
AA Large
5.7
AA
1.3
Fail
—
1.9
Fail
2.8
Fail
4.3
AA Large
2.5
Fail
1.9
Fail
—
1.5
Fail
2.3
Fail
3.6
AA Large
2.8
Fail
1.5
Fail
—
1.6
Fail
5.7
AA
4.3
AA Large
2.3
Fail
1.6
Fail
—
White BG
1.2Fail
1.6Fail
3.0AA Large
4.4AA Large
7.0AA
Black BG
17.3AAA
13.1AAA
7.0AA
4.7AA
3.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

EDEDC5
DDDCBC
ACABA4
808093
4D4E84

Deuteranopia

EEEEC8
E0E4BD
B3BBA0
838690
4D4C81

Tritanopia

EFCFD1
F0BDBD
D69794
918886
487976

Achromatopsia

E6E6E6
CFCFCF
979797
7B7B7B
585858

Shades & Tints Shades & Tints

#EFEBB9

Dark
Light

#F3C0BB

Dark
Light

#DB6FB5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #efebb9;
  --color-2: #f3c0bb;
  --color-3: #db6fb5;
  --color-4: #9368a1;
  --color-5: #475693;
}

SCSS

$color-1: #efebb9;
$color-2: #f3c0bb;
$color-3: #db6fb5;
$color-4: #9368a1;
$color-5: #475693;

TAILWIND

colors: {
  'brand-1': '#efebb9',
  'brand-2': '#f3c0bb',
  'brand-3': '#db6fb5',
  'brand-4': '#9368a1',
  'brand-5': '#475693',
}

RGB Array

[239, 235, 185], [243, 192, 187], [219, 111, 181], [147, 104, 161], [71, 86, 147]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #EFEBB9, #F3C0BB, #DB6FB5, #9368A1, #475693 is ideal for: health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #efebb9; --color-2: #f3c0bb; --color-3: #db6fb5; --color-4: #9368a1; --color-5: #475693. 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. 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 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