← Back to Editor

#EF4A4E · #DF9240 · #2D1D00 · #DCBC8B · #799B9C

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 AppData Visualization

Color Details Color Details

#EF4A4E

Peach Pink · Tomato · Coral Red

HEX
#EF4A4E
RGB
rgb(239, 74, 78)
HSL
hsl(359, 84%, 61%)
HSB
hsb(359, 69%, 94%)
CMYK
cmyk(0%, 69%, 67%, 6%)
Oklch
oklch(64.4% 0.201 23.6)

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

#DF9240

Ginger · GoldenRod · Warm Sun

HEX
#DF9240
RGB
rgb(223, 146, 64)
HSL
hsl(31, 71%, 56%)
HSB
hsb(31, 71%, 87%)
CMYK
cmyk(0%, 35%, 71%, 13%)
Oklch
oklch(72.4% 0.134 64.3)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#2D1D00

Ochre · Black · Cinnamon

HEX
#2D1D00
RGB
rgb(45, 29, 0)
HSL
hsl(39, 100%, 9%)
HSB
hsb(39, 100%, 18%)
CMYK
cmyk(0%, 36%, 100%, 82%)
Oklch
oklch(24.5% 0.051 79.5)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

#DCBC8B

Ginger · BurlyWood · Warm Sun

HEX
#DCBC8B
RGB
rgb(220, 188, 139)
HSL
hsl(36, 54%, 70%)
HSB
hsb(36, 37%, 86%)
CMYK
cmyk(0%, 15%, 37%, 14%)
Oklch
oklch(81.1% 0.074 78.0)

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

#799B9C

Slate Blue · LightSlateGray · Lake Green

HEX
#799B9C
RGB
rgb(121, 155, 156)
HSL
hsl(182, 15%, 54%)
HSB
hsb(182, 22%, 61%)
CMYK
cmyk(22%, 1%, 0%, 39%)
Oklch
oklch(66.4% 0.038 198.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EF4A4E
48EFEC

Analogous

EF489E
EF4A4E
EF9948

Triadic

EF4A4E
4BEF48
484BEF

Split-Comp.

EF4A4E
48EF99
489EEF

Tetradic

EF4A4E
9EEF48
48EFEC
9948EF

Contrast Matrix WCAG 2.1 Contrast

EF4A4E
DF9240
2D1D00
DCBC8B
799B9C
—
1.4
Fail
4.5
AA Large
2.0
Fail
1.2
Fail
1.4
Fail
—
6.5
AA
1.4
Fail
1.2
Fail
4.5
AA Large
6.5
AA
—
9.0
AAA
5.4
AA
2.0
Fail
1.4
Fail
9.0
AAA
—
1.7
Fail
1.2
Fail
1.2
Fail
5.4
AA
1.7
Fail
—
White BG
3.6AA Large
2.5Fail
16.3AAA
1.8Fail
3.0AA Large
Black BG
5.8AA
8.3AAA
1.3Fail
11.6AAA
7.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A8A64D
BEBD54
262607
CECE97
88889C

Deuteranopia

B1BD4D
C2C859
272809
D0D29A
86839C

Tritanopia

E74C4C
DB6467
2C0D0E
DAA0A2
7B9C9C

Achromatopsia

7C7C7C
A0A0A0
1E1E1E
C0C0C0
919191

Shades & Tints Shades & Tints

#EF4A4E

Dark
Light

#DF9240

Dark
Light

#2D1D00

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ef4a4e;
  --color-2: #df9240;
  --color-3: #2d1d00;
  --color-4: #dcbc8b;
  --color-5: #799b9c;
}

SCSS

$color-1: #ef4a4e;
$color-2: #df9240;
$color-3: #2d1d00;
$color-4: #dcbc8b;
$color-5: #799b9c;

TAILWIND

colors: {
  'brand-1': '#ef4a4e',
  'brand-2': '#df9240',
  'brand-3': '#2d1d00',
  'brand-4': '#dcbc8b',
  'brand-5': '#799b9c',
}

RGB Array

[239, 74, 78], [223, 146, 64], [45, 29, 0], [220, 188, 139], [121, 155, 156]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #EF4A4E, #DF9240, #2D1D00, #DCBC8B, #799B9C 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: #ef4a4e; --color-2: #df9240; --color-3: #2d1d00; --color-4: #dcbc8b; --color-5: #799b9c. 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