← Back to Editor

#494039 · #219F8A · #2DB06A · #FCCC60 · #FCFCB4

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

#494039

Tangerine · DarkSlateGray · Cinnamon

HEX
#494039
RGB
rgb(73, 64, 57)
HSL
hsl(26, 12%, 25%)
HSB
hsb(26, 22%, 29%)
CMYK
cmyk(0%, 12%, 22%, 71%)
Oklch
oklch(37.8% 0.017 60.1)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#219F8A

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#219F8A
RGB
rgb(33, 159, 138)
HSL
hsl(170, 66%, 38%)
HSB
hsb(170, 79%, 62%)
CMYK
cmyk(79%, 0%, 13%, 38%)
Oklch
oklch(63.2% 0.109 178.2)

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

#2DB06A

Pine Green · MediumSeaGreen · Olive Green

HEX
#2DB06A
RGB
rgb(45, 176, 106)
HSL
hsl(148, 59%, 43%)
HSB
hsb(148, 74%, 69%)
CMYK
cmyk(74%, 0%, 40%, 31%)
Oklch
oklch(67.1% 0.152 154.6)

Traditional「Pine Green」· Paint「Olive Green」· Creative Blush Sunrise

#FCCC60

Ginger · SandyBrown · Sunflower

HEX
#FCCC60
RGB
rgb(252, 204, 96)
HSL
hsl(42, 96%, 68%)
HSB
hsb(42, 62%, 99%)
CMYK
cmyk(0%, 19%, 62%, 1%)
Oklch
oklch(86.7% 0.136 85.2)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#FCFCB4

Fresh Green · Bisque · Lemon Cream

HEX
#FCFCB4
RGB
rgb(252, 252, 180)
HSL
hsl(60, 92%, 85%)
HSB
hsb(60, 29%, 99%)
CMYK
cmyk(0%, 0%, 29%, 1%)
Oklch
oklch(97.4% 0.091 108.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

494039
384147

Analogous

473839
494039
474638

Triadic

494039
38473F
3F3847

Split-Comp.

494039
384746
383947

Tetradic

494039
394738
384147
463847

Contrast Matrix WCAG 2.1 Contrast

494039
219F8A
2DB06A
FCCC60
FCFCB4
—
3.1
AA Large
3.6
AA Large
6.7
AA
9.5
AAA
3.1
AA Large
—
1.2
Fail
2.2
Fail
3.1
AA Large
3.6
AA Large
1.2
Fail
—
1.9
Fail
2.6
Fail
6.7
AA
2.2
Fail
1.9
Fail
—
1.4
Fail
9.5
AAA
3.1
AA Large
2.6
Fail
1.4
Fail
—
White BG
10.1AAA
3.3AA Large
2.8Fail
1.5Fail
1.1Fail
Black BG
2.1Fail
6.4AA
7.5AAA
13.9AAA
19.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

45453B
58598F
66677B
E7E77A
FCFCC5

Deuteranopia

46463B
504790
5E547F
EAEE80
FCFCCA

Tritanopia

493C3C
279394
34888B
FA8F93
FCD3D6

Achromatopsia

424242
777777
818181
CECECE
F4F4F4

Shades & Tints Shades & Tints

#494039

Dark
Light

#219F8A

Dark
Light

#2DB06A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #494039;
  --color-2: #219f8a;
  --color-3: #2db06a;
  --color-4: #fccc60;
  --color-5: #fcfcb4;
}

SCSS

$color-1: #494039;
$color-2: #219f8a;
$color-3: #2db06a;
$color-4: #fccc60;
$color-5: #fcfcb4;

TAILWIND

colors: {
  'brand-1': '#494039',
  'brand-2': '#219f8a',
  'brand-3': '#2db06a',
  'brand-4': '#fccc60',
  'brand-5': '#fcfcb4',
}

RGB Array

[73, 64, 57], [33, 159, 138], [45, 176, 106], [252, 204, 96], [252, 252, 180]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #494039, #219F8A, #2DB06A, #FCCC60, #FCFCB4 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: #494039; --color-2: #219f8a; --color-3: #2db06a; --color-4: #fccc60; --color-5: #fcfcb4. 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