← Back to Editor

#E89301 · #E0674F · #C25151 · #9E374F · #692144

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 App

Color Details Color Details

#E89301

Ochre · Orange · Amber Brown

HEX
#E89301
RGB
rgb(232, 147, 1)
HSL
hsl(38, 99%, 46%)
HSB
hsb(38, 100%, 91%)
CMYK
cmyk(0%, 37%, 100%, 9%)
Oklch
oklch(73.3% 0.160 69.1)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#E0674F

Vermilion · Tomato · Passion Red

HEX
#E0674F
RGB
rgb(224, 103, 79)
HSL
hsl(10, 70%, 59%)
HSB
hsb(10, 65%, 88%)
CMYK
cmyk(0%, 54%, 65%, 12%)
Oklch
oklch(65.6% 0.156 32.8)

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

#C25151

Crimson · Sienna · Passion Red

HEX
#C25151
RGB
rgb(194, 81, 81)
HSL
hsl(0, 48%, 54%)
HSB
hsb(0, 58%, 76%)
CMYK
cmyk(0%, 58%, 58%, 24%)
Oklch
oklch(58.2% 0.146 22.7)

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

#9E374F

Crimson · Brown · Passion Red

HEX
#9E374F
RGB
rgb(158, 55, 79)
HSL
hsl(346, 48%, 42%)
HSB
hsb(346, 65%, 62%)
CMYK
cmyk(0%, 65%, 50%, 38%)
Oklch
oklch(49.0% 0.137 9.6)

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

#692144

Dark Violet · Brown · Camellia

HEX
#692144
RGB
rgb(105, 33, 68)
HSL
hsl(331, 52%, 27%)
HSB
hsb(331, 69%, 41%)
CMYK
cmyk(0%, 69%, 35%, 59%)
Oklch
oklch(37.0% 0.110 353.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E89301
0156E9

Analogous

E92001
E89301
CAE901

Triadic

E89301
01E994
9401E9

Split-Comp.

E89301
01CAE9
2001E9

Tetradic

E89301
01E920
0156E9
E901CA

Contrast Matrix WCAG 2.1 Contrast

E89301
E0674F
C25151
9E374F
692144
—
1.4
Fail
1.9
Fail
2.8
Fail
4.5
AA
1.4
Fail
—
1.4
Fail
2.0
Fail
3.3
AA Large
1.9
Fail
1.4
Fail
—
1.5
Fail
2.4
Fail
2.8
Fail
2.0
Fail
1.5
Fail
—
1.6
Fail
4.5
AA
3.3
AA Large
2.4
Fail
1.6
Fail
—
White BG
2.4Fail
3.4AA Large
4.6AA
6.7AA
11.0AAA
Black BG
8.6AAA
6.2AA
4.6AA
3.1AA Large
1.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C3C224
ACAB55
919051
717049
4A493C

Deuteranopia

C8CE2D
B3BC56
98A051
777F48
4E5339

Tritanopia

E44046
DA595A
BC5151
994544
653533

Achromatopsia

9C9C9C
888888
737373
595959
3B3B3B

Shades & Tints Shades & Tints

#E89301

Dark
Light

#E0674F

Dark
Light

#C25151

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e89301;
  --color-2: #e0674f;
  --color-3: #c25151;
  --color-4: #9e374f;
  --color-5: #692144;
}

SCSS

$color-1: #e89301;
$color-2: #e0674f;
$color-3: #c25151;
$color-4: #9e374f;
$color-5: #692144;

TAILWIND

colors: {
  'brand-1': '#e89301',
  'brand-2': '#e0674f',
  'brand-3': '#c25151',
  'brand-4': '#9e374f',
  'brand-5': '#692144',
}

RGB Array

[232, 147, 1], [224, 103, 79], [194, 81, 81], [158, 55, 79], [105, 33, 68]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #E89301, #E0674F, #C25151, #9E374F, #692144 is ideal for: social media posters, mobile apps, e-commerce promos. 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: #e89301; --color-2: #e0674f; --color-3: #c25151; --color-4: #9e374f; --color-5: #692144. 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. 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