← Back to Editor

#D13F59 · #F56963 · #F7DA88 · #45D9A7 · #19BFB8

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

#D13F59

Vermilion · Crimson · Passion Red

HEX
#D13F59
RGB
rgb(209, 63, 89)
HSL
hsl(349, 61%, 53%)
HSB
hsb(349, 70%, 82%)
CMYK
cmyk(0%, 70%, 57%, 18%)
Oklch
oklch(58.6% 0.182 14.6)

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

#F56963

Peach Pink · Salmon · Coral Red

HEX
#F56963
RGB
rgb(245, 105, 99)
HSL
hsl(2, 88%, 67%)
HSB
hsb(2, 60%, 96%)
CMYK
cmyk(0%, 57%, 60%, 4%)
Oklch
oklch(69.3% 0.174 25.1)

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

#F7DA88

Goose Yellow · Khaki · Sunflower

HEX
#F7DA88
RGB
rgb(247, 218, 136)
HSL
hsl(44, 87%, 75%)
HSB
hsb(44, 45%, 97%)
CMYK
cmyk(0%, 12%, 45%, 3%)
Oklch
oklch(89.5% 0.106 90.6)

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

#45D9A7

Mineral Blue · MediumAquaMarine · Lake Green

HEX
#45D9A7
RGB
rgb(69, 217, 167)
HSL
hsl(160, 66%, 56%)
HSB
hsb(160, 68%, 85%)
CMYK
cmyk(68%, 0%, 23%, 15%)
Oklch
oklch(79.5% 0.144 166.2)

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

#19BFB8

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#19BFB8
RGB
rgb(25, 191, 184)
HSL
hsl(177, 77%, 42%)
HSB
hsb(177, 87%, 75%)
CMYK
cmyk(87%, 0%, 4%, 25%)
Oklch
oklch(72.8% 0.122 190.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D13F59
3ED0B5

Analogous

D03EA2
D13F59
D06C3E

Triadic

D13F59
59D03E
3E59D0

Split-Comp.

D13F59
3ED06C
3EA2D0

Tetradic

D13F59
A2D03E
3ED0B5
6C3ED0

Contrast Matrix WCAG 2.1 Contrast

D13F59
F56963
F7DA88
45D9A7
19BFB8
—
1.6
Fail
3.4
AA Large
2.6
Fail
2.0
Fail
1.6
Fail
—
2.2
Fail
1.7
Fail
1.3
Fail
3.4
AA Large
2.2
Fail
—
1.3
Fail
1.7
Fail
2.6
Fail
1.7
Fail
1.3
Fail
—
1.3
Fail
2.0
Fail
1.3
Fail
1.7
Fail
1.3
Fail
—
White BG
4.6AA
3.0Fail
1.4Fail
1.8Fail
2.3Fail
Black BG
4.6AA
7.1AAA
15.3AAA
11.7AAA
9.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

929053
B8B764
EAEA9C
8586B3
6162BA

Deuteranopia

9AA551
C1CB65
ECEEA1
7D71B6
574BBA

Tritanopia

CA4E4D
EE6666
F6ACAF
4CBDBF
21BBBB

Achromatopsia

6E6E6E
929292
D9D9D9
A7A7A7
8D8D8D

Shades & Tints Shades & Tints

#D13F59

Dark
Light

#F56963

Dark
Light

#F7DA88

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d13f59;
  --color-2: #f56963;
  --color-3: #f7da88;
  --color-4: #45d9a7;
  --color-5: #19bfb8;
}

SCSS

$color-1: #d13f59;
$color-2: #f56963;
$color-3: #f7da88;
$color-4: #45d9a7;
$color-5: #19bfb8;

TAILWIND

colors: {
  'brand-1': '#d13f59',
  'brand-2': '#f56963',
  'brand-3': '#f7da88',
  'brand-4': '#45d9a7',
  'brand-5': '#19bfb8',
}

RGB Array

[209, 63, 89], [245, 105, 99], [247, 218, 136], [69, 217, 167], [25, 191, 184]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #D13F59, #F56963, #F7DA88, #45D9A7, #19BFB8 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: #d13f59; --color-2: #f56963; --color-3: #f7da88; --color-4: #45d9a7; --color-5: #19bfb8. 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