← Back to Editor

#FCF9EB · #FFB027 · #C7D20F · #187980 · #491E12

sea

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#FCF9EB

Goose Yellow · SeaShell · Lemon Cream

HEX
#FCF9EB
RGB
rgb(252, 249, 235)
HSL
hsl(49, 74%, 95%)
HSB
hsb(49, 7%, 99%)
CMYK
cmyk(0%, 1%, 7%, 1%)
Oklch
oklch(98.1% 0.019 96.9)

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

#FFB027

Ginger · GoldenRod · Warm Sun

HEX
#FFB027
RGB
rgb(255, 176, 39)
HSL
hsl(38, 100%, 58%)
HSB
hsb(38, 85%, 100%)
CMYK
cmyk(0%, 31%, 85%, 0%)
Oklch
oklch(81.3% 0.163 74.5)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#C7D20F

Autumn Sage · GoldenRod · Honey Gold

HEX
#C7D20F
RGB
rgb(199, 210, 15)
HSL
hsl(63, 87%, 44%)
HSB
hsb(63, 93%, 82%)
CMYK
cmyk(5%, 0%, 93%, 18%)
Oklch
oklch(82.7% 0.183 113.6)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#187980

Lake Blue · Teal · Mint Ice

HEX
#187980
RGB
rgb(24, 121, 128)
HSL
hsl(184, 68%, 30%)
HSB
hsb(184, 81%, 50%)
CMYK
cmyk(81%, 5%, 0%, 50%)
Oklch
oklch(52.7% 0.084 202.5)

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

#491E12

Crimson · Maroon · Deep Berry

HEX
#491E12
RGB
rgb(73, 30, 18)
HSL
hsl(13, 60%, 18%)
HSB
hsb(13, 75%, 29%)
CMYK
cmyk(0%, 59%, 75%, 71%)
Oklch
oklch(29.5% 0.069 36.5)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FCF9EB
E9ECFC

Analogous

FCEFE9
FCF9EB
F6FCE9

Triadic

FCF9EB
E9FCF8
F8E9FC

Split-Comp.

FCF9EB
E9F6FC
EFE9FC

Tetradic

FCF9EB
E9FCEF
E9ECFC
FCE9F6

Contrast Matrix WCAG 2.1 Contrast

FCF9EB
FFB027
C7D20F
187980
491E12
—
1.7
Fail
1.6
Fail
4.9
AA
13.5
AAA
1.7
Fail
—
1.1
Fail
2.8
Fail
7.8
AAA
1.6
Fail
1.1
Fail
—
3.1
AA Large
8.6
AAA
4.9
AA
2.8
Fail
3.1
AA Large
—
2.8
Fail
13.5
AAA
7.8
AAA
8.6
AAA
2.8
Fail
—
White BG
1.1Fail
1.8Fail
1.7Fail
5.1AA
14.2AAA
Black BG
19.9AAA
11.5AAA
12.7AAA
4.1AA Large
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

FBFBEE
DDDC48
CCCC3E
42437E
363615

Deuteranopia

FBFBEF
E1E750
CBCA4A
3C357E
393C16

Tritanopia

FCF1F2
FB6268
C8636C
1D7D7D
471718

Achromatopsia

F8F8F8
B8B8B8
B8B8B8
5D5D5D
292929

Shades & Tints Shades & Tints

#FCF9EB

Dark
Light

#FFB027

Dark
Light

#C7D20F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fcf9eb;
  --color-2: #ffb027;
  --color-3: #c7d20f;
  --color-4: #187980;
  --color-5: #491e12;
}

SCSS

$color-1: #fcf9eb;
$color-2: #ffb027;
$color-3: #c7d20f;
$color-4: #187980;
$color-5: #491e12;

TAILWIND

colors: {
  'brand-1': '#fcf9eb',
  'brand-2': '#ffb027',
  'brand-3': '#c7d20f',
  'brand-4': '#187980',
  'brand-5': '#491e12',
}

RGB Array

[252, 249, 235], [255, 176, 39], [199, 210, 15], [24, 121, 128], [73, 30, 18]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #FCF9EB, #FFB027, #C7D20F, #187980, #491E12 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #fcf9eb; --color-2: #ffb027; --color-3: #c7d20f; --color-4: #187980; --color-5: #491e12. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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