← Back to Editor

#FB685D · #9C2E4F · #E8E1D1 · #80B29E · #BCE6D5

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

#FB685D

Peach Pink · Tomato · Coral Red

HEX
#FB685D
RGB
rgb(251, 104, 93)
HSL
hsl(4, 95%, 67%)
HSB
hsb(4, 63%, 98%)
CMYK
cmyk(0%, 59%, 63%, 2%)
Oklch
oklch(69.9% 0.182 27.0)

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

#9C2E4F

Dark Violet · Brown · Camellia

HEX
#9C2E4F
RGB
rgb(156, 46, 79)
HSL
hsl(342, 54%, 40%)
HSB
hsb(342, 71%, 61%)
CMYK
cmyk(0%, 71%, 49%, 39%)
Oklch
oklch(47.7% 0.147 6.6)

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

#E8E1D1

Goose Yellow · LightGray · Lemon Cream

HEX
#E8E1D1
RGB
rgb(232, 225, 209)
HSL
hsl(42, 33%, 86%)
HSB
hsb(42, 10%, 91%)
CMYK
cmyk(0%, 3%, 10%, 9%)
Oklch
oklch(91.1% 0.023 87.2)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#80B29E

Mineral Blue · DarkSeaGreen · Olive Green

HEX
#80B29E
RGB
rgb(128, 178, 158)
HSL
hsl(156, 25%, 60%)
HSB
hsb(156, 28%, 70%)
CMYK
cmyk(28%, 0%, 11%, 30%)
Oklch
oklch(72.2% 0.061 167.9)

Traditional「Mineral Blue」· Paint「Olive Green」· Creative Blush Sunrise

#BCE6D5

Jade · LightBlue · Mint Green

HEX
#BCE6D5
RGB
rgb(188, 230, 213)
HSL
hsl(156, 46%, 82%)
HSB
hsb(156, 18%, 90%)
CMYK
cmyk(18%, 0%, 7%, 10%)
Oklch
oklch(89.0% 0.049 168.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FB685D
5BF0FB

Analogous

FB5BA0
FB685D
FBB65B

Triadic

FB685D
5BFB66
665BFB

Split-Comp.

FB685D
5BFBB6
5BA0FB

Tetradic

FB685D
A0FB5B
5BF0FB
B65BFB

Contrast Matrix WCAG 2.1 Contrast

FB685D
9C2E4F
E8E1D1
80B29E
BCE6D5
—
2.5
Fail
2.2
Fail
1.2
Fail
2.1
Fail
2.5
Fail
—
5.5
AA
3.0
AA Large
5.3
AA
2.2
Fail
5.5
AA
—
1.8
Fail
1.0
Fail
1.2
Fail
3.0
AA Large
1.8
Fail
—
1.8
Fail
2.1
Fail
5.3
AA
1.0
Fail
1.8
Fail
—
White BG
2.9Fail
7.2AAA
1.3Fail
2.4Fail
1.4Fail
Black BG
7.2AAA
2.9Fail
16.1AAA
8.8AAA
15.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BBBA60
6C6B47
E5E5D5
9696A3
CECFD9

Deuteranopia

C4CF60
737B45
E5E6D6
938FA4
CCC9DA

Tritanopia

F46262
97413F
E8D8D9
83A7A8
BEDCDD

Achromatopsia

939393
535353
E1E1E1
A1A1A1
D8D8D8

Shades & Tints Shades & Tints

#FB685D

Dark
Light

#9C2E4F

Dark
Light

#E8E1D1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fb685d;
  --color-2: #9c2e4f;
  --color-3: #e8e1d1;
  --color-4: #80b29e;
  --color-5: #bce6d5;
}

SCSS

$color-1: #fb685d;
$color-2: #9c2e4f;
$color-3: #e8e1d1;
$color-4: #80b29e;
$color-5: #bce6d5;

TAILWIND

colors: {
  'brand-1': '#fb685d',
  'brand-2': '#9c2e4f',
  'brand-3': '#e8e1d1',
  'brand-4': '#80b29e',
  'brand-5': '#bce6d5',
}

RGB Array

[251, 104, 93], [156, 46, 79], [232, 225, 209], [128, 178, 158], [188, 230, 213]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #FB685D, #9C2E4F, #E8E1D1, #80B29E, #BCE6D5 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: #fb685d; --color-2: #9c2e4f; --color-3: #e8e1d1; --color-4: #80b29e; --color-5: #bce6d5. 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