← Back to Editor

#FCFAE3 · #EEE6BF · #91C4BF · #4F9EAB · #4A798D

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

#FCFAE3

Fresh Green · LightYellow · Lemon Cream

HEX
#FCFAE3
RGB
rgb(252, 250, 227)
HSL
hsl(55, 81%, 94%)
HSB
hsb(55, 10%, 99%)
CMYK
cmyk(0%, 1%, 10%, 1%)
Oklch
oklch(98.1% 0.030 102.9)

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

#EEE6BF

Fresh Green · Wheat · Lemon Cream

HEX
#EEE6BF
RGB
rgb(238, 230, 191)
HSL
hsl(50, 58%, 84%)
HSB
hsb(50, 20%, 93%)
CMYK
cmyk(0%, 3%, 20%, 7%)
Oklch
oklch(92.1% 0.052 97.7)

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

#91C4BF

Jade · DarkGray · Lake Green

HEX
#91C4BF
RGB
rgb(145, 196, 191)
HSL
hsl(174, 30%, 67%)
HSB
hsb(174, 26%, 77%)
CMYK
cmyk(26%, 0%, 3%, 23%)
Oklch
oklch(78.3% 0.054 188.6)

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

#4F9EAB

Slate Blue · CadetBlue · Mint Ice

HEX
#4F9EAB
RGB
rgb(79, 158, 171)
HSL
hsl(188, 37%, 49%)
HSB
hsb(188, 54%, 67%)
CMYK
cmyk(54%, 8%, 0%, 33%)
Oklch
oklch(65.4% 0.080 209.5)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#4A798D

Slate Blue · SlateGray · Mint Ice

HEX
#4A798D
RGB
rgb(74, 121, 141)
HSL
hsl(198, 31%, 42%)
HSB
hsb(198, 48%, 55%)
CMYK
cmyk(48%, 14%, 0%, 45%)
Oklch
oklch(55.0% 0.060 227.0)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FCFAE3
E3E5FC

Analogous

FCEEE3
FCFAE3
F2FCE3

Triadic

FCFAE3
E3FCFA
FAE3FC

Split-Comp.

FCFAE3
E3F2FC
EEE3FC

Tetradic

FCFAE3
E3FCEE
E3E5FC
FCE3F2

Contrast Matrix WCAG 2.1 Contrast

FCFAE3
EEE6BF
91C4BF
4F9EAB
4A798D
—
1.2
Fail
1.8
Fail
2.9
Fail
4.5
AA
1.2
Fail
—
1.5
Fail
2.5
Fail
3.8
AA Large
1.8
Fail
1.5
Fail
—
1.6
Fail
2.5
Fail
2.9
Fail
2.5
Fail
1.6
Fail
—
1.5
Fail
4.5
AA
3.8
AA Large
2.5
Fail
1.5
Fail
—
White BG
1.1Fail
1.3Fail
1.9Fail
3.1AA Large
4.8AA
Black BG
19.9AAA
16.7AAA
10.9AAA
6.8AA
4.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

FBFBE9
EBEAC8
A7A8C0
7172A8
5E5F88

Deuteranopia

FBFBEA
EBECCB
A4A0C1
6D67A7
5C5887

Tritanopia

FCEDEE
EED0D2
94C1C1
53A5A5
4C8484

Achromatopsia

F8F8F8
E4E4E4
B4B4B4
888888
6D6D6D

Shades & Tints Shades & Tints

#FCFAE3

Dark
Light

#EEE6BF

Dark
Light

#91C4BF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fcfae3;
  --color-2: #eee6bf;
  --color-3: #91c4bf;
  --color-4: #4f9eab;
  --color-5: #4a798d;
}

SCSS

$color-1: #fcfae3;
$color-2: #eee6bf;
$color-3: #91c4bf;
$color-4: #4f9eab;
$color-5: #4a798d;

TAILWIND

colors: {
  'brand-1': '#fcfae3',
  'brand-2': '#eee6bf',
  'brand-3': '#91c4bf',
  'brand-4': '#4f9eab',
  'brand-5': '#4a798d',
}

RGB Array

[252, 250, 227], [238, 230, 191], [145, 196, 191], [79, 158, 171], [74, 121, 141]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #FCFAE3, #EEE6BF, #91C4BF, #4F9EAB, #4A798D 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: #fcfae3; --color-2: #eee6bf; --color-3: #91c4bf; --color-4: #4f9eab; --color-5: #4a798d. 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