← Back to Editor

#205092 · #FEA141 · #F63B2C · #A30C11 · #5C2200

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

#205092

Indigo · DarkSlateBlue · Prussian Blue

HEX
#205092
RGB
rgb(32, 80, 146)
HSL
hsl(215, 64%, 35%)
HSB
hsb(215, 78%, 57%)
CMYK
cmyk(78%, 45%, 0%, 43%)
Oklch
oklch(43.5% 0.121 257.3)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#FEA141

Ginger · SandyBrown · Warm Sun

HEX
#FEA141
RGB
rgb(254, 161, 65)
HSL
hsl(30, 99%, 63%)
HSB
hsb(30, 74%, 100%)
CMYK
cmyk(0%, 37%, 74%, 0%)
Oklch
oklch(78.7% 0.154 62.6)

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

#F63B2C

Vermilion · OrangeRed · Passion Red

HEX
#F63B2C
RGB
rgb(246, 59, 44)
HSL
hsl(4, 92%, 57%)
HSB
hsb(4, 82%, 96%)
CMYK
cmyk(0%, 76%, 82%, 4%)
Oklch
oklch(63.8% 0.224 29.4)

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

#A30C11

Vermilion · FireBrick · Wine Red

HEX
#A30C11
RGB
rgb(163, 12, 17)
HSL
hsl(358, 86%, 34%)
HSB
hsb(358, 93%, 64%)
CMYK
cmyk(0%, 93%, 90%, 36%)
Oklch
oklch(45.4% 0.179 27.5)

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

#5C2200

Tangerine · Maroon · Cinnamon

HEX
#5C2200
RGB
rgb(92, 34, 0)
HSL
hsl(22, 100%, 18%)
HSB
hsb(22, 100%, 36%)
CMYK
cmyk(0%, 63%, 100%, 64%)
Oklch
oklch(33.4% 0.095 45.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

205092
926320

Analogous

208992
205092
2A2092

Triadic

205092
922050
509220

Split-Comp.

205092
922A20
899220

Tetradic

205092
922089
926320
20922A

Contrast Matrix WCAG 2.1 Contrast

205092
FEA141
F63B2C
A30C11
5C2200
—
4.0
AA Large
2.1
Fail
1.0
Fail
1.6
Fail
4.0
AA Large
—
1.9
Fail
4.0
AA Large
6.2
AA
2.1
Fail
1.9
Fail
—
2.1
Fail
3.3
AA Large
1.0
Fail
4.0
AA Large
2.1
Fail
—
1.6
Fail
1.6
Fail
6.2
AA
3.3
AA Large
1.6
Fail
—
White BG
8.0AAA
2.0Fail
3.8AA Large
8.0AAA
12.5AAA
Black BG
2.6Fail
10.4AAA
5.6AA
2.6Fail
1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

353582
D6D558
A5A330
626010
434208

Deuteranopia

322E7E
DBE25E
B0BE31
6A760F
464B0A

Tritanopia

227573
F96B6F
ED3233
9B0F0F
590F10

Achromatopsia

494949
B2B2B2
717171
3A3A3A
2F2F2F

Shades & Tints Shades & Tints

#205092

Dark
Light

#FEA141

Dark
Light

#F63B2C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #205092;
  --color-2: #fea141;
  --color-3: #f63b2c;
  --color-4: #a30c11;
  --color-5: #5c2200;
}

SCSS

$color-1: #205092;
$color-2: #fea141;
$color-3: #f63b2c;
$color-4: #a30c11;
$color-5: #5c2200;

TAILWIND

colors: {
  'brand-1': '#205092',
  'brand-2': '#fea141',
  'brand-3': '#f63b2c',
  'brand-4': '#a30c11',
  'brand-5': '#5c2200',
}

RGB Array

[32, 80, 146], [254, 161, 65], [246, 59, 44], [163, 12, 17], [92, 34, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #205092, #FEA141, #F63B2C, #A30C11, #5C2200 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: #205092; --color-2: #fea141; --color-3: #f63b2c; --color-4: #a30c11; --color-5: #5c2200. 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