← Back to Editor

#FF3D64 · #FF1964 · #F9B847 · #E5F4B1 · #7ED6C6

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

#FF3D64

Peach Pink · Tomato · Coral Red

HEX
#FF3D64
RGB
rgb(255, 61, 100)
HSL
hsl(348, 100%, 62%)
HSB
hsb(348, 76%, 100%)
CMYK
cmyk(0%, 76%, 61%, 0%)
Oklch
oklch(66.3% 0.227 15.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#FF1964

Dark Violet · DeepPink · Rose Pink

HEX
#FF1964
RGB
rgb(255, 25, 100)
HSL
hsl(340, 100%, 55%)
HSB
hsb(340, 90%, 100%)
CMYK
cmyk(0%, 90%, 61%, 0%)
Oklch
oklch(64.4% 0.249 11.9)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#F9B847

Ginger · SandyBrown · Warm Sun

HEX
#F9B847
RGB
rgb(249, 184, 71)
HSL
hsl(38, 94%, 63%)
HSB
hsb(38, 71%, 98%)
CMYK
cmyk(0%, 26%, 71%, 2%)
Oklch
oklch(82.4% 0.146 77.7)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#E5F4B1

Willow Green · Wheat · Mint Green

HEX
#E5F4B1
RGB
rgb(229, 244, 177)
HSL
hsl(73, 75%, 83%)
HSB
hsb(73, 27%, 96%)
CMYK
cmyk(6%, 0%, 27%, 4%)
Oklch
oklch(94.0% 0.088 118.4)

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

#7ED6C6

Jade · MediumAquaMarine · Lake Green

HEX
#7ED6C6
RGB
rgb(126, 214, 198)
HSL
hsl(169, 52%, 67%)
HSB
hsb(169, 41%, 84%)
CMYK
cmyk(41%, 0%, 7%, 16%)
Oklch
oklch(81.6% 0.089 181.0)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF3D64
3DFFD8

Analogous

FF3DC5
FF3D64
FF773D

Triadic

FF3D64
64FF3D
3D64FF

Split-Comp.

FF3D64
3DFF77
3DC5FF

Tetradic

FF3D64
C5FF3D
3DFFD8
773DFF

Contrast Matrix WCAG 2.1 Contrast

FF3D64
FF1964
F9B847
E5F4B1
7ED6C6
—
1.1
Fail
2.0
Fail
2.9
Fail
2.0
Fail
1.1
Fail
—
2.1
Fail
3.2
AA Large
2.2
Fail
2.0
Fail
2.1
Fail
—
1.5
Fail
1.0
Fail
2.9
Fail
3.2
AA Large
1.5
Fail
—
1.5
Fail
2.0
Fail
2.2
Fail
1.0
Fail
1.5
Fail
—
White BG
3.4AA Large
3.8AA Large
1.8Fail
1.2Fail
1.7Fail
Black BG
6.1AA
5.6AA
12.0AAA
17.9AAA
12.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ABA95B
9B9952
DDDC62
EBECC1
A4A5CA

Deuteranopia

B6C558
A9BA4E
E1E569
EBEAC5
9F98CB

Tritanopia

F55351
F44440
F6787D
E6CED1
82CDCE

Achromatopsia

7B7B7B
666666
BFBFBF
E8E8E8
BABABA

Shades & Tints Shades & Tints

#FF3D64

Dark
Light

#FF1964

Dark
Light

#F9B847

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff3d64;
  --color-2: #ff1964;
  --color-3: #f9b847;
  --color-4: #e5f4b1;
  --color-5: #7ed6c6;
}

SCSS

$color-1: #ff3d64;
$color-2: #ff1964;
$color-3: #f9b847;
$color-4: #e5f4b1;
$color-5: #7ed6c6;

TAILWIND

colors: {
  'brand-1': '#ff3d64',
  'brand-2': '#ff1964',
  'brand-3': '#f9b847',
  'brand-4': '#e5f4b1',
  'brand-5': '#7ed6c6',
}

RGB Array

[255, 61, 100], [255, 25, 100], [249, 184, 71], [229, 244, 177], [126, 214, 198]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #FF3D64, #FF1964, #F9B847, #E5F4B1, #7ED6C6 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. 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: #ff3d64; --color-2: #ff1964; --color-3: #f9b847; --color-4: #e5f4b1; --color-5: #7ed6c6. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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