← Back to Editor

#13214E · #FFC076 · #FF4F21 · #050F32 · #030000

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

#13214E

Indigo · MidnightBlue · Deep Sea Blue

HEX
#13214E
RGB
rgb(19, 33, 78)
HSL
hsl(226, 61%, 19%)
HSB
hsb(226, 76%, 31%)
CMYK
cmyk(76%, 58%, 0%, 69%)
Oklch
oklch(26.5% 0.085 267.3)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#FFC076

Goose Yellow · LightSalmon · Warm Sun

HEX
#FFC076
RGB
rgb(255, 192, 118)
HSL
hsl(32, 100%, 73%)
HSB
hsb(32, 54%, 100%)
CMYK
cmyk(0%, 25%, 54%, 0%)
Oklch
oklch(85.0% 0.117 69.6)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#FF4F21

Vermilion · OrangeRed · Passion Red

HEX
#FF4F21
RGB
rgb(255, 79, 33)
HSL
hsl(12, 100%, 56%)
HSB
hsb(12, 87%, 100%)
CMYK
cmyk(0%, 69%, 87%, 0%)
Oklch
oklch(67.1% 0.219 34.8)

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

#050F32

Indigo · Black · Deep Sea Blue

HEX
#050F32
RGB
rgb(5, 15, 50)
HSL
hsl(227, 82%, 11%)
HSB
hsb(227, 90%, 20%)
CMYK
cmyk(90%, 70%, 0%, 80%)
Oklch
oklch(18.6% 0.071 266.1)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#030000

Vermilion · Black · Deep Berry

HEX
#030000
RGB
rgb(3, 0, 0)
HSL
hsl(0, 100%, 1%)
HSB
hsb(0, 100%, 1%)
CMYK
cmyk(0%, 100%, 100%, 99%)
Oklch
oklch(6.1% 0.025 29.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

13214E
4E4013

Analogous

133E4E
13214E
23134E

Triadic

13214E
4E1321
214E13

Split-Comp.

13214E
4E2313
3E4E13

Tetradic

13214E
4E133E
4E4013
134E23

Contrast Matrix WCAG 2.1 Contrast

13214E
FFC076
FF4F21
050F32
030000
—
9.6
AAA
4.7
AA
1.2
Fail
1.4
Fail
9.6
AAA
—
2.0
Fail
11.6
AAA
13.0
AAA
4.7
AA
2.0
Fail
—
5.7
AA
6.4
AA
1.2
Fail
11.6
AAA
5.7
AA
—
1.1
Fail
1.4
Fail
13.0
AAA
6.4
AA
1.1
Fail
—
White BG
15.5AAA
1.6Fail
3.3AA Large
18.7AAA
20.9AAA
Black BG
1.4Fail
13.1AAA
6.4AA
1.1Fail
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

191943
E4E388
B3B12C
09092A
020200

Deuteranopia

181741
E7EC8C
BDCA2F
090828
020200

Tritanopia

143B39
FC9699
F63537
062321
030000

Achromatopsia

222222
CACACA
7E7E7E
101010
010101

Shades & Tints Shades & Tints

#13214E

Dark
Light

#FFC076

Dark
Light

#FF4F21

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #13214e;
  --color-2: #ffc076;
  --color-3: #ff4f21;
  --color-4: #050f32;
  --color-5: #030000;
}

SCSS

$color-1: #13214e;
$color-2: #ffc076;
$color-3: #ff4f21;
$color-4: #050f32;
$color-5: #030000;

TAILWIND

colors: {
  'brand-1': '#13214e',
  'brand-2': '#ffc076',
  'brand-3': '#ff4f21',
  'brand-4': '#050f32',
  'brand-5': '#030000',
}

RGB Array

[19, 33, 78], [255, 192, 118], [255, 79, 33], [5, 15, 50], [3, 0, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #13214E, #FFC076, #FF4F21, #050F32, #030000 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: #13214e; --color-2: #ffc076; --color-3: #ff4f21; --color-4: #050f32; --color-5: #030000. 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