← Back to Editor

#04615B · #19CEA9 · #DEFDC6 · #FCF172 · #FC7A14

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

#04615B

Mineral Blue · DarkSlateGray · Peacock Green

HEX
#04615B
RGB
rgb(4, 97, 91)
HSL
hsl(176, 92%, 20%)
HSB
hsb(176, 96%, 38%)
CMYK
cmyk(96%, 0%, 6%, 62%)
Oklch
oklch(44.4% 0.076 187.4)

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

#19CEA9

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#19CEA9
RGB
rgb(25, 206, 169)
HSL
hsl(168, 78%, 45%)
HSB
hsb(168, 88%, 81%)
CMYK
cmyk(88%, 0%, 18%, 19%)
Oklch
oklch(76.1% 0.142 173.2)

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

#DEFDC6

Emerald · Beige · Mint Green

HEX
#DEFDC6
RGB
rgb(222, 253, 198)
HSL
hsl(94, 93%, 88%)
HSB
hsb(94, 22%, 99%)
CMYK
cmyk(12%, 0%, 22%, 1%)
Oklch
oklch(95.8% 0.079 131.7)

Traditional「Emerald」· Paint「Mint Green」· Creative Mint Breeze

#FCF172

Fresh Green · Khaki · Sunflower

HEX
#FCF172
RGB
rgb(252, 241, 114)
HSL
hsl(55, 96%, 72%)
HSB
hsb(55, 55%, 99%)
CMYK
cmyk(0%, 4%, 55%, 1%)
Oklch
oklch(94.2% 0.148 104.3)

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

#FC7A14

Tangerine · Chocolate · Warm Sun

HEX
#FC7A14
RGB
rgb(252, 122, 20)
HSL
hsl(26, 97%, 53%)
HSB
hsb(26, 92%, 99%)
CMYK
cmyk(0%, 52%, 92%, 1%)
Oklch
oklch(71.9% 0.185 50.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

04615B
62040A

Analogous

04622D
04615B
043962

Triadic

04615B
5C0462
625C04

Split-Comp.

04615B
620439
622D04

Tetradic

04615B
2D0462
62040A
396204

Contrast Matrix WCAG 2.1 Contrast

04615B
19CEA9
DEFDC6
FCF172
FC7A14
—
3.6
AA Large
6.6
AA
6.3
AA
2.8
Fail
3.6
AA Large
—
1.8
Fail
1.7
Fail
1.3
Fail
6.6
AA
1.8
Fail
—
1.1
Fail
2.4
Fail
6.3
AA
1.7
Fail
1.1
Fail
—
2.3
Fail
2.8
Fail
1.3
Fail
2.4
Fail
2.3
Fail
—
White BG
7.3AAA
2.0Fail
1.1Fail
1.2Fail
2.6Fail
Black BG
2.9Fail
10.4AAA
19.0AAA
18.0AAA
7.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2C2D5C
6769B2
EBECD3
F7F791
C4C32D

Deuteranopia

27205D
5D4FB4
EAE7D7
F8F998
CBD533

Tritanopia

095E5E
22B9BB
E0DEE0
FBA9AE
F54044

Achromatopsia

454545
949494
EDEDED
E6E6E6
959595

Shades & Tints Shades & Tints

#04615B

Dark
Light

#19CEA9

Dark
Light

#DEFDC6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #04615b;
  --color-2: #19cea9;
  --color-3: #defdc6;
  --color-4: #fcf172;
  --color-5: #fc7a14;
}

SCSS

$color-1: #04615b;
$color-2: #19cea9;
$color-3: #defdc6;
$color-4: #fcf172;
$color-5: #fc7a14;

TAILWIND

colors: {
  'brand-1': '#04615b',
  'brand-2': '#19cea9',
  'brand-3': '#defdc6',
  'brand-4': '#fcf172',
  'brand-5': '#fc7a14',
}

RGB Array

[4, 97, 91], [25, 206, 169], [222, 253, 198], [252, 241, 114], [252, 122, 20]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #04615B, #19CEA9, #DEFDC6, #FCF172, #FC7A14 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: #04615b; --color-2: #19cea9; --color-3: #defdc6; --color-4: #fcf172; --color-5: #fc7a14. 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