← Back to Editor

#701823 · #C3283C · #FF354E · #7F7C1B · #292809

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

#701823

Vermilion · Maroon · Wine Red

HEX
#701823
RGB
rgb(112, 24, 35)
HSL
hsl(353, 65%, 27%)
HSB
hsb(353, 79%, 44%)
CMYK
cmyk(0%, 79%, 69%, 56%)
Oklch
oklch(36.3% 0.121 19.1)

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

#C3283C

Vermilion · FireBrick · Passion Red

HEX
#C3283C
RGB
rgb(195, 40, 60)
HSL
hsl(352, 66%, 46%)
HSB
hsb(352, 79%, 76%)
CMYK
cmyk(0%, 79%, 69%, 24%)
Oklch
oklch(53.6% 0.189 20.2)

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

#FF354E

Vermilion · Tomato · Passion Red

HEX
#FF354E
RGB
rgb(255, 53, 78)
HSL
hsl(353, 100%, 60%)
HSB
hsb(353, 79%, 100%)
CMYK
cmyk(0%, 79%, 69%, 0%)
Oklch
oklch(65.3% 0.233 20.8)

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

#7F7C1B

Autumn Sage · Olive · Honey Gold

HEX
#7F7C1B
RGB
rgb(127, 124, 27)
HSL
hsl(58, 65%, 30%)
HSB
hsb(58, 79%, 50%)
CMYK
cmyk(0%, 2%, 79%, 50%)
Oklch
oklch(57.1% 0.113 107.7)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#292809

Autumn Sage · Black · Amber Gold

HEX
#292809
RGB
rgb(41, 40, 9)
HSL
hsl(58, 64%, 10%)
HSB
hsb(58, 78%, 16%)
CMYK
cmyk(0%, 2%, 78%, 84%)
Oklch
oklch(27.0% 0.048 107.4)

Traditional「Autumn Sage」· Paint「Amber Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

701823
187267

Analogous

72184F
701823
723A18

Triadic

701823
237218
182372

Split-Comp.

701823
18723A
184F72

Tetradic

701823
4F7218
187267
3A1872

Contrast Matrix WCAG 2.1 Contrast

701823
C3283C
FF354E
7F7C1B
292809
—
2.0
Fail
3.2
AA Large
2.6
Fail
1.3
Fail
2.0
Fail
—
1.6
Fail
1.3
Fail
2.6
Fail
3.2
AA Large
1.6
Fail
—
1.2
Fail
4.2
AA Large
2.6
Fail
1.3
Fail
1.2
Fail
—
3.4
AA Large
1.3
Fail
2.6
Fail
4.2
AA Large
3.4
AA Large
—
White BG
11.4AAA
5.7AA
3.6AA Large
4.4AA Large
15.0AAA
Black BG
1.8Fail
3.7AA Large
5.9AA
4.8AA
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

4A4920
807E37
A8A648
7E7E32
292911

Deuteranopia

4F5620
899536
B3C247
7E7E38
292912

Tritanopia

6C1E1E
BB3333
F54342
7F4549
291618

Achromatopsia

343434
595959
747474
727272
252525

Shades & Tints Shades & Tints

#701823

Dark
Light

#C3283C

Dark
Light

#FF354E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #701823;
  --color-2: #c3283c;
  --color-3: #ff354e;
  --color-4: #7f7c1b;
  --color-5: #292809;
}

SCSS

$color-1: #701823;
$color-2: #c3283c;
$color-3: #ff354e;
$color-4: #7f7c1b;
$color-5: #292809;

TAILWIND

colors: {
  'brand-1': '#701823',
  'brand-2': '#c3283c',
  'brand-3': '#ff354e',
  'brand-4': '#7f7c1b',
  'brand-5': '#292809',
}

RGB Array

[112, 24, 35], [195, 40, 60], [255, 53, 78], [127, 124, 27], [41, 40, 9]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #701823, #C3283C, #FF354E, #7F7C1B, #292809 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, 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: #701823; --color-2: #c3283c; --color-3: #ff354e; --color-4: #7f7c1b; --color-5: #292809. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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