← Back to Editor

#FFC596 · #F7846D · #C74A67 · #B0307D · #791994

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

#FFC596

Apricot · Khaki · Peach Orange

HEX
#FFC596
RGB
rgb(255, 197, 150)
HSL
hsl(27, 100%, 79%)
HSB
hsb(27, 41%, 100%)
CMYK
cmyk(0%, 23%, 41%, 0%)
Oklch
oklch(86.5% 0.090 60.2)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#F7846D

Peach Pink · Salmon · Coral Red

HEX
#F7846D
RGB
rgb(247, 132, 109)
HSL
hsl(10, 90%, 70%)
HSB
hsb(10, 56%, 97%)
CMYK
cmyk(0%, 47%, 56%, 3%)
Oklch
oklch(73.6% 0.145 32.5)

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

#C74A67

Crimson · MediumVioletRed · Passion Red

HEX
#C74A67
RGB
rgb(199, 74, 103)
HSL
hsl(346, 53%, 54%)
HSB
hsb(346, 63%, 78%)
CMYK
cmyk(0%, 63%, 48%, 22%)
Oklch
oklch(58.5% 0.160 9.4)

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

#B0307D

Rose Purple · MediumVioletRed · Camellia

HEX
#B0307D
RGB
rgb(176, 48, 125)
HSL
hsl(324, 57%, 44%)
HSB
hsb(324, 73%, 69%)
CMYK
cmyk(0%, 73%, 29%, 31%)
Oklch
oklch(52.8% 0.180 348.1)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

#791994

Royal Purple · DarkMagenta · Eggplant

HEX
#791994
RGB
rgb(121, 25, 148)
HSL
hsl(287, 71%, 34%)
HSB
hsb(287, 83%, 58%)
CMYK
cmyk(18%, 83%, 0%, 42%)
Oklch
oklch(43.5% 0.191 317.2)

Traditional「Royal Purple」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFC596
94CFFF

Analogous

FF9499
FFC596
FFFA94

Triadic

FFC596
94FFC4
C494FF

Split-Comp.

FFC596
94FFFA
9499FF

Tetradic

FFC596
99FF94
94CFFF
FA94FF

Contrast Matrix WCAG 2.1 Contrast

FFC596
F7846D
C74A67
B0307D
791994
—
1.6
Fail
3.0
Fail
3.8
AA Large
5.7
AA
1.6
Fail
—
1.8
Fail
2.4
Fail
3.6
AA Large
3.0
Fail
1.8
Fail
—
1.3
Fail
1.9
Fail
3.8
AA Large
2.4
Fail
1.3
Fail
—
1.5
Fail
5.7
AA
3.6
AA Large
1.9
Fail
1.5
Fail
—
White BG
1.5Fail
2.5Fail
4.6AA
5.9AA
8.8AAA
Black BG
13.7AAA
8.5AAA
4.6AA
3.6AA Large
2.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E6E5A1
C5C473
919060
79776A
4F4F76

Deuteranopia

E9EEA4
CCD474
98A15E
808A66
555C6F

Tritanopia

FCAAAC
F17778
C15A59
AA5C58
745F5A

Achromatopsia

D1D1D1
A4A4A4
737373
5F5F5F
444444

Shades & Tints Shades & Tints

#FFC596

Dark
Light

#F7846D

Dark
Light

#C74A67

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffc596;
  --color-2: #f7846d;
  --color-3: #c74a67;
  --color-4: #b0307d;
  --color-5: #791994;
}

SCSS

$color-1: #ffc596;
$color-2: #f7846d;
$color-3: #c74a67;
$color-4: #b0307d;
$color-5: #791994;

TAILWIND

colors: {
  'brand-1': '#ffc596',
  'brand-2': '#f7846d',
  'brand-3': '#c74a67',
  'brand-4': '#b0307d',
  'brand-5': '#791994',
}

RGB Array

[255, 197, 150], [247, 132, 109], [199, 74, 103], [176, 48, 125], [121, 25, 148]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #FFC596, #F7846D, #C74A67, #B0307D, #791994 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: #ffc596; --color-2: #f7846d; --color-3: #c74a67; --color-4: #b0307d; --color-5: #791994. 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