← Back to Editor

#E5DEF7 · #FA496E · #CD1E1E · #9A799F · #9CBAC9

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

#E5DEF7

Wisteria · Lavender · Sky Blue

HEX
#E5DEF7
RGB
rgb(229, 222, 247)
HSL
hsl(257, 61%, 92%)
HSB
hsb(257, 10%, 97%)
CMYK
cmyk(7%, 10%, 0%, 3%)
Oklch
oklch(91.4% 0.034 298.5)

Traditional「Wisteria」· Paint「Sky Blue」· Creative Lavender Dream

#FA496E

Peach Pink · Tomato · Coral Red

HEX
#FA496E
RGB
rgb(250, 73, 110)
HSL
hsl(347, 95%, 63%)
HSB
hsb(347, 71%, 98%)
CMYK
cmyk(0%, 71%, 56%, 2%)
Oklch
oklch(66.7% 0.212 13.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#CD1E1E

Vermilion · FireBrick · Passion Red

HEX
#CD1E1E
RGB
rgb(205, 30, 30)
HSL
hsl(0, 74%, 46%)
HSB
hsb(0, 85%, 80%)
CMYK
cmyk(0%, 85%, 85%, 20%)
Oklch
oklch(54.4% 0.207 27.7)

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

#9A799F

Dark Plum · LightSlateGray · Violet

HEX
#9A799F
RGB
rgb(154, 121, 159)
HSL
hsl(292, 17%, 55%)
HSB
hsb(292, 24%, 62%)
CMYK
cmyk(3%, 24%, 0%, 38%)
Oklch
oklch(62.1% 0.068 321.9)

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

#9CBAC9

Sky Blue · LightSteelBlue · Cobalt Blue

HEX
#9CBAC9
RGB
rgb(156, 186, 201)
HSL
hsl(200, 29%, 70%)
HSB
hsb(200, 22%, 79%)
CMYK
cmyk(22%, 7%, 0%, 21%)
Oklch
oklch(77.1% 0.039 229.5)

Traditional「Sky Blue」· Paint「Cobalt Blue」· Creative Twilight Haze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E5DEF7
F0F7DE

Analogous

DEE4F7
E5DEF7
F2DEF7

Triadic

E5DEF7
F7E5DE
DEF7E5

Split-Comp.

E5DEF7
F7F2DE
E4F7DE

Tetradic

E5DEF7
F7DEE4
F0F7DE
DEF7F2

Contrast Matrix WCAG 2.1 Contrast

E5DEF7
FA496E
CD1E1E
9A799F
9CBAC9
—
2.6
Fail
4.2
AA Large
2.9
Fail
1.6
Fail
2.6
Fail
—
1.6
Fail
1.1
Fail
1.6
Fail
4.2
AA Large
1.6
Fail
—
1.5
Fail
2.7
Fail
2.9
Fail
1.1
Fail
1.5
Fail
—
1.8
Fail
1.6
Fail
1.6
Fail
2.7
Fail
1.8
Fail
—
White BG
1.3Fail
3.4AA Large
5.5AA
3.7AA Large
2.0Fail
Black BG
16.1AAA
6.2AA
3.8AA Large
5.6AA
10.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E2E2F1
ADAC65
81801E
8C8B96
A9A9C5

Deuteranopia

E2E3EF
B8C563
8B991E
8E9094
A7A5C5

Tritanopia

E5ECEB
F15E5C
C41E1E
988F8D
9EC3C2

Achromatopsia

E3E3E3
828282
525252
878787
B3B3B3

Shades & Tints Shades & Tints

#E5DEF7

Dark
Light

#FA496E

Dark
Light

#CD1E1E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e5def7;
  --color-2: #fa496e;
  --color-3: #cd1e1e;
  --color-4: #9a799f;
  --color-5: #9cbac9;
}

SCSS

$color-1: #e5def7;
$color-2: #fa496e;
$color-3: #cd1e1e;
$color-4: #9a799f;
$color-5: #9cbac9;

TAILWIND

colors: {
  'brand-1': '#e5def7',
  'brand-2': '#fa496e',
  'brand-3': '#cd1e1e',
  'brand-4': '#9a799f',
  'brand-5': '#9cbac9',
}

RGB Array

[229, 222, 247], [250, 73, 110], [205, 30, 30], [154, 121, 159], [156, 186, 201]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #E5DEF7, #FA496E, #CD1E1E, #9A799F, #9CBAC9 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: #e5def7; --color-2: #fa496e; --color-3: #cd1e1e; --color-4: #9a799f; --color-5: #9cbac9. 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