← Back to Editor

#73343C · #F7B75D · #FFFECE · #25100F · #E5883A

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

#73343C

Crimson · Brown · Wine Red

HEX
#73343C
RGB
rgb(115, 52, 60)
HSL
hsl(352, 38%, 33%)
HSB
hsb(352, 55%, 45%)
CMYK
cmyk(0%, 55%, 48%, 55%)
Oklch
oklch(41.2% 0.089 13.9)

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

#F7B75D

Ginger · SandyBrown · Warm Sun

HEX
#F7B75D
RGB
rgb(247, 183, 93)
HSL
hsl(35, 91%, 67%)
HSB
hsb(35, 62%, 97%)
CMYK
cmyk(0%, 26%, 62%, 3%)
Oklch
oklch(82.2% 0.130 73.5)

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

#FFFECE

Fresh Green · LightYellow · Lemon Cream

HEX
#FFFECE
RGB
rgb(255, 254, 206)
HSL
hsl(59, 100%, 90%)
HSB
hsb(59, 19%, 100%)
CMYK
cmyk(0%, 0%, 19%, 0%)
Oklch
oklch(98.6% 0.062 106.5)

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

#25100F

Crimson · Black · Deep Berry

HEX
#25100F
RGB
rgb(37, 16, 15)
HSL
hsl(3, 42%, 10%)
HSB
hsb(3, 59%, 15%)
CMYK
cmyk(0%, 57%, 59%, 85%)
Oklch
oklch(20.4% 0.036 23.5)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#E5883A

Tangerine · Coral · Warm Sun

HEX
#E5883A
RGB
rgb(229, 136, 58)
HSL
hsl(27, 77%, 56%)
HSB
hsb(27, 75%, 90%)
CMYK
cmyk(0%, 41%, 75%, 10%)
Oklch
oklch(71.3% 0.145 57.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

73343C
34746C

Analogous

74345D
73343C
744C34

Triadic

73343C
3D7434
343D74

Split-Comp.

73343C
34744C
345D74

Tetradic

73343C
5D7434
34746C
4C3474

Contrast Matrix WCAG 2.1 Contrast

73343C
F7B75D
FFFECE
25100F
E5883A
—
5.2
AA
8.9
AAA
2.0
Fail
3.5
AA Large
5.2
AA
—
1.7
Fail
10.2
AAA
1.5
Fail
8.9
AAA
1.7
Fail
—
17.5
AAA
2.6
Fail
2.0
Fail
10.2
AAA
17.5
AAA
—
6.8
AA
3.5
AA Large
1.5
Fail
2.6
Fail
6.8
AA
—
White BG
9.2AAA
1.8Fail
1.0Fail
18.1AAA
2.7Fail
Black BG
2.3Fail
11.9AAA
20.3AAA
1.2Fail
7.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

58573A
DBDB73
FFFFDA
1C1C0F
BDBC4D

Deuteranopia

5B603A
DFE478
FFFFDC
1D1F0F
C2C951

Tritanopia

703938
F48488
FFE3E5
240F0F
E05C5F

Achromatopsia

484848
C0C0C0
F9F9F9
161616
9B9B9B

Shades & Tints Shades & Tints

#73343C

Dark
Light

#F7B75D

Dark
Light

#FFFECE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #73343c;
  --color-2: #f7b75d;
  --color-3: #fffece;
  --color-4: #25100f;
  --color-5: #e5883a;
}

SCSS

$color-1: #73343c;
$color-2: #f7b75d;
$color-3: #fffece;
$color-4: #25100f;
$color-5: #e5883a;

TAILWIND

colors: {
  'brand-1': '#73343c',
  'brand-2': '#f7b75d',
  'brand-3': '#fffece',
  'brand-4': '#25100f',
  'brand-5': '#e5883a',
}

RGB Array

[115, 52, 60], [247, 183, 93], [255, 254, 206], [37, 16, 15], [229, 136, 58]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #73343C, #F7B75D, #FFFECE, #25100F, #E5883A 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: #73343c; --color-2: #f7b75d; --color-3: #fffece; --color-4: #25100f; --color-5: #e5883a. 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