← Back to Editor

#F7BDAF · #E7AA83 · #F79481 · #E75F63 · #6E3D3E

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

#F7BDAF

Peach Pink · LightPink · Cherry Blossom

HEX
#F7BDAF
RGB
rgb(247, 189, 175)
HSL
hsl(12, 82%, 83%)
HSB
hsb(12, 29%, 97%)
CMYK
cmyk(0%, 23%, 29%, 3%)
Oklch
oklch(84.7% 0.070 33.9)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#E7AA83

Apricot · BurlyWood · Warm Sun

HEX
#E7AA83
RGB
rgb(231, 170, 131)
HSL
hsl(23, 68%, 71%)
HSB
hsb(23, 43%, 91%)
CMYK
cmyk(0%, 26%, 43%, 9%)
Oklch
oklch(78.6% 0.089 53.6)

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

#F79481

Peach Pink · DarkSalmon · Coral Red

HEX
#F79481
RGB
rgb(247, 148, 129)
HSL
hsl(10, 88%, 74%)
HSB
hsb(10, 48%, 97%)
CMYK
cmyk(0%, 40%, 48%, 3%)
Oklch
oklch(76.5% 0.123 31.7)

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

#E75F63

Peach Pink · Tomato · Coral Red

HEX
#E75F63
RGB
rgb(231, 95, 99)
HSL
hsl(358, 74%, 64%)
HSB
hsb(358, 59%, 91%)
CMYK
cmyk(0%, 59%, 57%, 9%)
Oklch
oklch(65.9% 0.169 21.2)

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

#6E3D3E

Crimson · DarkOliveGreen · Wine Red

HEX
#6E3D3E
RGB
rgb(110, 61, 62)
HSL
hsl(359, 29%, 34%)
HSB
hsb(359, 45%, 43%)
CMYK
cmyk(0%, 45%, 44%, 57%)
Oklch
oklch(42.0% 0.069 19.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F7BDAF
B0E9F7

Analogous

F7B0C5
F7BDAF
F7E2B0

Triadic

F7BDAF
B0F7BE
BEB0F7

Split-Comp.

F7BDAF
B0F7E2
B0C5F7

Tetradic

F7BDAF
C5F7B0
B0E9F7
E2B0F7

Contrast Matrix WCAG 2.1 Contrast

F7BDAF
E7AA83
F79481
E75F63
6E3D3E
—
1.2
Fail
1.4
Fail
2.1
Fail
5.4
AA
1.2
Fail
—
1.1
Fail
1.7
Fail
4.4
AA Large
1.4
Fail
1.1
Fail
—
1.5
Fail
4.0
AA Large
2.1
Fail
1.7
Fail
1.5
Fail
—
2.6
Fail
5.4
AA
4.4
AA Large
4.0
AA Large
2.6
Fail
—
White BG
1.6Fail
2.0Fail
2.2Fail
3.4AA Large
8.7AAA
Black BG
12.9AAA
10.5AAA
9.5AAA
6.2AA
2.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

DEDDB2
CDCC8C
CCCB86
ACAB62
59583E

Deuteranopia

E1E6B3
D0D58F
D2D987
B4BE62
5C5F3E

Tritanopia

F4B5B6
E49496
F2898A
E06161
6C3E3E

Achromatopsia

CDCDCD
B8B8B8
AFAFAF
888888
4C4C4C

Shades & Tints Shades & Tints

#F7BDAF

Dark
Light

#E7AA83

Dark
Light

#F79481

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f7bdaf;
  --color-2: #e7aa83;
  --color-3: #f79481;
  --color-4: #e75f63;
  --color-5: #6e3d3e;
}

SCSS

$color-1: #f7bdaf;
$color-2: #e7aa83;
$color-3: #f79481;
$color-4: #e75f63;
$color-5: #6e3d3e;

TAILWIND

colors: {
  'brand-1': '#f7bdaf',
  'brand-2': '#e7aa83',
  'brand-3': '#f79481',
  'brand-4': '#e75f63',
  'brand-5': '#6e3d3e',
}

RGB Array

[247, 189, 175], [231, 170, 131], [247, 148, 129], [231, 95, 99], [110, 61, 62]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #F7BDAF, #E7AA83, #F79481, #E75F63, #6E3D3E is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs, 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: #f7bdaf; --color-2: #e7aa83; --color-3: #f79481; --color-4: #e75f63; --color-5: #6e3d3e. 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. 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