← Back to Editor

#E66D6D · #E3BC99 · #F3F3F3 · #94999F · #4B4E57

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

#E66D6D

Peach Pink · Salmon · Coral Red

HEX
#E66D6D
RGB
rgb(230, 109, 109)
HSL
hsl(0, 71%, 66%)
HSB
hsb(0, 53%, 90%)
CMYK
cmyk(0%, 53%, 53%, 10%)
Oklch
oklch(67.9% 0.151 21.9)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#E3BC99

Apricot · BurlyWood · Warm Sun

HEX
#E3BC99
RGB
rgb(227, 188, 153)
HSL
hsl(28, 57%, 75%)
HSB
hsb(28, 33%, 89%)
CMYK
cmyk(0%, 17%, 33%, 11%)
Oklch
oklch(82.1% 0.065 63.6)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#F3F3F3

Plain White · SeaShell · Cloud White

HEX
#F3F3F3
RGB
rgb(243, 243, 243)
HSL
hsl(0, 0%, 95%)
HSB
hsb(0, 0%, 95%)
CMYK
cmyk(0%, 0%, 0%, 5%)
Oklch
oklch(96.4% 0.000 89.9)

Traditional「Plain White」· Paint「Cloud White」· Creative Morning Mist

#94999F

Ash · DarkGray · Silver Sand

HEX
#94999F
RGB
rgb(148, 153, 159)
HSL
hsl(213, 5%, 60%)
HSB
hsb(213, 7%, 62%)
CMYK
cmyk(7%, 4%, 0%, 38%)
Oklch
oklch(68.1% 0.011 252.8)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#4B4E57

Ink Gray · DarkSlateGray · Charcoal

HEX
#4B4E57
RGB
rgb(75, 78, 87)
HSL
hsl(225, 7%, 32%)
HSB
hsb(225, 14%, 34%)
CMYK
cmyk(14%, 10%, 0%, 66%)
Oklch
oklch(42.4% 0.015 271.0)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E66D6D
6BE6E6

Analogous

E66BA8
E66D6D
E6A86B

Triadic

E66D6D
6BE66B
6B6BE6

Split-Comp.

E66D6D
6BE6A8
6BA8E6

Tetradic

E66D6D
A8E66B
6BE6E6
A86BE6

Contrast Matrix WCAG 2.1 Contrast

E66D6D
E3BC99
F3F3F3
94999F
4B4E57
—
1.8
Fail
2.8
Fail
1.1
Fail
2.7
Fail
1.8
Fail
—
1.6
Fail
1.6
Fail
4.7
AA
2.8
Fail
1.6
Fail
—
2.6
Fail
7.5
AAA
1.1
Fail
1.6
Fail
2.6
Fail
—
2.9
Fail
2.7
Fail
4.7
AA
7.5
AAA
2.9
Fail
—
White BG
3.1AA Large
1.8Fail
1.1Fail
2.9Fail
8.3AAA
Black BG
6.8AA
11.9AAA
18.9AAA
7.3AAA
2.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B2B16D
D2D2A1
F3F3F3
96969E
4C4C55

Deuteranopia

B9C26D
D4D7A4
F3F3F3
96969D
4C4C54

Tritanopia

E06D6D
E1A8AA
F3F3F3
949C9C
4B5353

Achromatopsia

919191
C4C4C4
F3F3F3
989898
4E4E4E

Shades & Tints Shades & Tints

#E66D6D

Dark
Light

#E3BC99

Dark
Light

#F3F3F3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e66d6d;
  --color-2: #e3bc99;
  --color-3: #f3f3f3;
  --color-4: #94999f;
  --color-5: #4b4e57;
}

SCSS

$color-1: #e66d6d;
$color-2: #e3bc99;
$color-3: #f3f3f3;
$color-4: #94999f;
$color-5: #4b4e57;

TAILWIND

colors: {
  'brand-1': '#e66d6d',
  'brand-2': '#e3bc99',
  'brand-3': '#f3f3f3',
  'brand-4': '#94999f',
  'brand-5': '#4b4e57',
}

RGB Array

[230, 109, 109], [227, 188, 153], [243, 243, 243], [148, 153, 159], [75, 78, 87]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #E66D6D, #E3BC99, #F3F3F3, #94999F, #4B4E57 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #e66d6d; --color-2: #e3bc99; --color-3: #f3f3f3; --color-4: #94999f; --color-5: #4b4e57. 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 beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. 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