← Back to Editor

#04C4DE · #CCE6A5 · #E6C13E · #FF8562 · #F01E13

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 App

Color Details Color Details

#04C4DE

Lake Blue · DarkTurquoise · Mint Ice

HEX
#04C4DE
RGB
rgb(4, 196, 222)
HSL
hsl(187, 96%, 44%)
HSB
hsb(187, 98%, 87%)
CMYK
cmyk(98%, 12%, 0%, 13%)
Oklch
oklch(75.3% 0.130 211.5)

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

#CCE6A5

Willow Green · Khaki · Apple Green

HEX
#CCE6A5
RGB
rgb(204, 230, 165)
HSL
hsl(84, 57%, 77%)
HSB
hsb(84, 28%, 90%)
CMYK
cmyk(11%, 0%, 28%, 10%)
Oklch
oklch(89.0% 0.090 125.9)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#E6C13E

Ginger · GoldenRod · Sunflower

HEX
#E6C13E
RGB
rgb(230, 193, 62)
HSL
hsl(47, 77%, 57%)
HSB
hsb(47, 73%, 90%)
CMYK
cmyk(0%, 16%, 73%, 10%)
Oklch
oklch(82.1% 0.148 92.6)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#FF8562

Peach Pink · Salmon · Coral Red

HEX
#FF8562
RGB
rgb(255, 133, 98)
HSL
hsl(13, 100%, 69%)
HSB
hsb(13, 62%, 100%)
CMYK
cmyk(0%, 48%, 62%, 0%)
Oklch
oklch(74.7% 0.157 36.9)

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

#F01E13

Vermilion · Red · Passion Red

HEX
#F01E13
RGB
rgb(240, 30, 19)
HSL
hsl(3, 88%, 51%)
HSB
hsb(3, 92%, 94%)
CMYK
cmyk(0%, 88%, 92%, 6%)
Oklch
oklch(60.8% 0.238 29.4)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

04C4DE
DC1E04

Analogous

04DC89
04C4DE
0457DC

Triadic

04C4DE
DC04C3
C3DC04

Split-Comp.

04C4DE
DC0457
DC8904

Tetradic

04C4DE
8904DC
DC1E04
57DC04

Contrast Matrix WCAG 2.1 Contrast

04C4DE
CCE6A5
E6C13E
FF8562
F01E13
—
1.5
Fail
1.2
Fail
1.1
Fail
2.0
Fail
1.5
Fail
—
1.3
Fail
1.8
Fail
3.1
AA Large
1.2
Fail
1.3
Fail
—
1.4
Fail
2.5
Fail
1.1
Fail
1.8
Fail
1.4
Fail
—
1.8
Fail
2.0
Fail
3.1
AA Large
2.5
Fail
1.8
Fail
—
White BG
2.1Fail
1.4Fail
1.7Fail
2.4Fail
4.3AA Large
Black BG
10.0AAA
15.4AAA
12.1AAA
8.8AAA
4.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5759D8
D7D7B5
D6D65E
CAC96A
959316

Deuteranopia

4C3ED6
D6D4B9
D8DB65
D1DA6D
A1B116

Tritanopia

0ED3D2
CDC1C4
E4777C
F97173
E61818

Achromatopsia

8E8E8E
D7D7D7
BDBDBD
A5A5A5
5C5C5C

Shades & Tints Shades & Tints

#04C4DE

Dark
Light

#CCE6A5

Dark
Light

#E6C13E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #04c4de;
  --color-2: #cce6a5;
  --color-3: #e6c13e;
  --color-4: #ff8562;
  --color-5: #f01e13;
}

SCSS

$color-1: #04c4de;
$color-2: #cce6a5;
$color-3: #e6c13e;
$color-4: #ff8562;
$color-5: #f01e13;

TAILWIND

colors: {
  'brand-1': '#04c4de',
  'brand-2': '#cce6a5',
  'brand-3': '#e6c13e',
  'brand-4': '#ff8562',
  'brand-5': '#f01e13',
}

RGB Array

[4, 196, 222], [204, 230, 165], [230, 193, 62], [255, 133, 98], [240, 30, 19]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #04C4DE, #CCE6A5, #E6C13E, #FF8562, #F01E13 is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. 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: #04c4de; --color-2: #cce6a5; --color-3: #e6c13e; --color-4: #ff8562; --color-5: #f01e13. 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. 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