← Back to Editor

#FDFFC9 · #FF816E · #E86A5C · #B6424D · #AA1A4B

sea

A 5-color sea palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#FDFFC9

Fresh Green · Beige · Lemon Cream

HEX
#FDFFC9
RGB
rgb(253, 255, 201)
HSL
hsl(62, 100%, 89%)
HSB
hsb(62, 21%, 100%)
CMYK
cmyk(1%, 0%, 21%, 0%)
Oklch
oklch(98.5% 0.069 109.4)

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

#FF816E

Peach Pink · Salmon · Coral Red

HEX
#FF816E
RGB
rgb(255, 129, 110)
HSL
hsl(8, 100%, 72%)
HSB
hsb(8, 57%, 100%)
CMYK
cmyk(0%, 49%, 57%, 0%)
Oklch
oklch(74.2% 0.157 30.1)

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

#E86A5C

Peach Pink · Tomato · Coral Red

HEX
#E86A5C
RGB
rgb(232, 106, 92)
HSL
hsl(6, 75%, 64%)
HSB
hsb(6, 60%, 91%)
CMYK
cmyk(0%, 54%, 60%, 9%)
Oklch
oklch(67.4% 0.159 28.4)

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

#B6424D

Crimson · Sienna · Passion Red

HEX
#B6424D
RGB
rgb(182, 66, 77)
HSL
hsl(354, 47%, 49%)
HSB
hsb(354, 64%, 71%)
CMYK
cmyk(0%, 64%, 58%, 29%)
Oklch
oklch(54.2% 0.150 18.1)

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

#AA1A4B

Dark Violet · Brown · Camellia

HEX
#AA1A4B
RGB
rgb(170, 26, 75)
HSL
hsl(340, 73%, 38%)
HSB
hsb(340, 85%, 67%)
CMYK
cmyk(0%, 85%, 56%, 33%)
Oklch
oklch(48.4% 0.178 8.1)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FDFFC9
C9C7FF

Analogous

FFE5C7
FDFFC9
E1FFC7

Triadic

FDFFC9
C7FDFF
FFC7FD

Split-Comp.

FDFFC9
C7E1FF
E5C7FF

Tetradic

FDFFC9
C7FFE5
C9C7FF
FFC7E1

Contrast Matrix WCAG 2.1 Contrast

FDFFC9
FF816E
E86A5C
B6424D
AA1A4B
—
2.4
Fail
3.1
AA Large
5.2
AA
6.9
AA
2.4
Fail
—
1.3
Fail
2.2
Fail
2.9
Fail
3.1
AA Large
1.3
Fail
—
1.7
Fail
2.2
Fail
5.2
AA
2.2
Fail
1.7
Fail
—
1.3
Fail
6.9
AA
2.9
Fail
2.2
Fail
1.3
Fail
—
White BG
1.0Fail
2.4Fail
3.2AA Large
5.4AA
7.1AAA
Black BG
20.3AAA
8.6AAA
6.6AA
3.9AA Large
3.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

FEFED6
C8C773
B1B05F
84834A
6C6A3F

Deuteranopia

FEFED9
D0D974
B9C260
8B934A
747F3C

Tritanopia

FDE0E3
F97677
E26263
B04848
A33634

Achromatopsia

F8F8F8
A5A5A5
8E8E8E
666666
4B4B4B

Shades & Tints Shades & Tints

#FDFFC9

Dark
Light

#FF816E

Dark
Light

#E86A5C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fdffc9;
  --color-2: #ff816e;
  --color-3: #e86a5c;
  --color-4: #b6424d;
  --color-5: #aa1a4b;
}

SCSS

$color-1: #fdffc9;
$color-2: #ff816e;
$color-3: #e86a5c;
$color-4: #b6424d;
$color-5: #aa1a4b;

TAILWIND

colors: {
  'brand-1': '#fdffc9',
  'brand-2': '#ff816e',
  'brand-3': '#e86a5c',
  'brand-4': '#b6424d',
  'brand-5': '#aa1a4b',
}

RGB Array

[253, 255, 201], [255, 129, 110], [232, 106, 92], [182, 66, 77], [170, 26, 75]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #FDFFC9, #FF816E, #E86A5C, #B6424D, #AA1A4B 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: #fdffc9; --color-2: #ff816e; --color-3: #e86a5c; --color-4: #b6424d; --color-5: #aa1a4b. 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