← Back to Editor

#F5C3B4 · #DEB6B5 · #98A2B4 · #573637 · #E84847

sea

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#F5C3B4

Peach Pink · LightPink · Cherry Blossom

HEX
#F5C3B4
RGB
rgb(245, 195, 180)
HSL
hsl(14, 76%, 83%)
HSB
hsb(14, 27%, 96%)
CMYK
cmyk(0%, 20%, 27%, 4%)
Oklch
oklch(85.7% 0.061 37.3)

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

#DEB6B5

Peach Pink · Silver · Coral Red

HEX
#DEB6B5
RGB
rgb(222, 182, 181)
HSL
hsl(1, 38%, 79%)
HSB
hsb(1, 18%, 87%)
CMYK
cmyk(0%, 18%, 18%, 13%)
Oklch
oklch(81.1% 0.046 19.8)

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

#98A2B4

Azure · DarkGray · Cobalt Blue

HEX
#98A2B4
RGB
rgb(152, 162, 180)
HSL
hsl(219, 16%, 65%)
HSB
hsb(219, 16%, 71%)
CMYK
cmyk(16%, 10%, 0%, 29%)
Oklch
oklch(71.0% 0.029 262.3)

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

#573637

Crimson · DarkSlateGray · Wine Red

HEX
#573637
RGB
rgb(87, 54, 55)
HSL
hsl(358, 23%, 28%)
HSB
hsb(358, 38%, 34%)
CMYK
cmyk(0%, 38%, 37%, 66%)
Oklch
oklch(37.3% 0.048 17.6)

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

#E84847

Vermilion · Tomato · Passion Red

HEX
#E84847
RGB
rgb(232, 72, 71)
HSL
hsl(0, 78%, 59%)
HSB
hsb(0, 69%, 91%)
CMYK
cmyk(0%, 69%, 69%, 9%)
Oklch
oklch(63.0% 0.197 25.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F5C3B4
B3E5F5

Analogous

F5B3C4
F5C3B4
F5E3B3

Triadic

F5C3B4
B3F5C2
C2B3F5

Split-Comp.

F5C3B4
B3F5E3
B3C4F5

Tetradic

F5C3B4
C4F5B3
B3E5F5
E3B3F5

Contrast Matrix WCAG 2.1 Contrast

F5C3B4
DEB6B5
98A2B4
573637
E84847
—
1.2
Fail
1.6
Fail
6.7
AA
2.4
Fail
1.2
Fail
—
1.4
Fail
5.8
AA
2.1
Fail
1.6
Fail
1.4
Fail
—
4.1
AA Large
1.5
Fail
6.7
AA
5.8
AA
4.1
AA Large
—
2.7
Fail
2.4
Fail
2.1
Fail
1.5
Fail
2.7
Fail
—
White BG
1.6Fail
1.8Fail
2.6Fail
10.6AAA
3.9AA Large
Black BG
13.3AAA
11.5AAA
8.2AAA
2.0Fail
5.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DFDFB8
CDCCB5
9C9CB0
494837
A3A147

Deuteranopia

E2E6B9
CFD2B5
9C9BAF
4B4D37
ACB847

Tritanopia

F3BABB
DCB5B5
99ACAB
553737
E04747

Achromatopsia

D0D0D0
C2C2C2
A1A1A1
404040
787878

Shades & Tints Shades & Tints

#F5C3B4

Dark
Light

#DEB6B5

Dark
Light

#98A2B4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f5c3b4;
  --color-2: #deb6b5;
  --color-3: #98a2b4;
  --color-4: #573637;
  --color-5: #e84847;
}

SCSS

$color-1: #f5c3b4;
$color-2: #deb6b5;
$color-3: #98a2b4;
$color-4: #573637;
$color-5: #e84847;

TAILWIND

colors: {
  'brand-1': '#f5c3b4',
  'brand-2': '#deb6b5',
  'brand-3': '#98a2b4',
  'brand-4': '#573637',
  'brand-5': '#e84847',
}

RGB Array

[245, 195, 180], [222, 182, 181], [152, 162, 180], [87, 54, 55], [232, 72, 71]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #F5C3B4, #DEB6B5, #98A2B4, #573637, #E84847 is ideal for: 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: #f5c3b4; --color-2: #deb6b5; --color-3: #98a2b4; --color-4: #573637; --color-5: #e84847. 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 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