← Back to Editor

#13142F · #1642F2 · #41B6CA · #D7D2D2 · #F10B65

sea

A 5-color sea palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#13142F

Indigo · Black · Deep Sea Blue

HEX
#13142F
RGB
rgb(19, 20, 47)
HSL
hsl(238, 42%, 13%)
HSB
hsb(238, 60%, 18%)
CMYK
cmyk(60%, 57%, 0%, 82%)
Oklch
oklch(20.7% 0.053 279.1)

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

#1642F2

Azure · Blue · Navy Blue

HEX
#1642F2
RGB
rgb(22, 66, 242)
HSL
hsl(228, 89%, 52%)
HSB
hsb(228, 91%, 95%)
CMYK
cmyk(91%, 73%, 0%, 5%)
Oklch
oklch(49.3% 0.262 265.1)

Traditional「Azure」· Paint「Navy Blue」· Creative Blush Sunrise

#41B6CA

Lake Blue · MediumTurquoise · Lake Green

HEX
#41B6CA
RGB
rgb(65, 182, 202)
HSL
hsl(189, 56%, 52%)
HSB
hsb(189, 68%, 79%)
CMYK
cmyk(68%, 10%, 0%, 21%)
Oklch
oklch(71.9% 0.106 211.1)

Traditional「Lake Blue」· Paint「Lake Green」· Creative Blush Sunrise

#D7D2D2

Silver Gray · LightGray · Pearl Gray

HEX
#D7D2D2
RGB
rgb(215, 210, 210)
HSL
hsl(0, 6%, 83%)
HSB
hsb(0, 2%, 84%)
CMYK
cmyk(0%, 2%, 2%, 16%)
Oklch
oklch(86.8% 0.006 17.3)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

#F10B65

Dark Violet · Crimson · Camellia

HEX
#F10B65
RGB
rgb(241, 11, 101)
HSL
hsl(337, 91%, 49%)
HSB
hsb(337, 95%, 95%)
CMYK
cmyk(0%, 95%, 58%, 5%)
Oklch
oklch(61.5% 0.243 9.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

13142F
2F2E13

Analogous

13222F
13142F
20132F

Triadic

13142F
2F1314
142F13

Split-Comp.

13142F
2F2013
222F13

Tetradic

13142F
2F1322
2F2E13
132F20

Contrast Matrix WCAG 2.1 Contrast

13142F
1642F2
41B6CA
D7D2D2
F10B65
—
2.6
Fail
7.5
AAA
12.0
AAA
4.3
AA Large
2.6
Fail
—
2.8
Fail
4.5
AA
1.6
Fail
7.5
AAA
2.8
Fail
—
1.6
Fail
1.8
Fail
12.0
AAA
4.5
AA
1.6
Fail
—
2.8
Fail
4.3
AA Large
1.6
Fail
1.8
Fail
2.8
Fail
—
White BG
18.0AAA
6.8AA
2.4Fail
1.5Fail
4.2AA Large
Black BG
1.2Fail
3.1AA Large
8.8AAA
14.0AAA
5.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

131328
2929C7
7475C5
D5D5D2
8D8B4F

Deuteranopia

131327
2723BD
6D64C4
D5D6D2
9BAC4A

Tritanopia

132322
18A69E
47C1C1
D7D2D2
E63E3A

Achromatopsia

171717
494949
959595
D3D3D3
5A5A5A

Shades & Tints Shades & Tints

#13142F

Dark
Light

#1642F2

Dark
Light

#41B6CA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #13142f;
  --color-2: #1642f2;
  --color-3: #41b6ca;
  --color-4: #d7d2d2;
  --color-5: #f10b65;
}

SCSS

$color-1: #13142f;
$color-2: #1642f2;
$color-3: #41b6ca;
$color-4: #d7d2d2;
$color-5: #f10b65;

TAILWIND

colors: {
  'brand-1': '#13142f',
  'brand-2': '#1642f2',
  'brand-3': '#41b6ca',
  'brand-4': '#d7d2d2',
  'brand-5': '#f10b65',
}

RGB Array

[19, 20, 47], [22, 66, 242], [65, 182, 202], [215, 210, 210], [241, 11, 101]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #13142F, #1642F2, #41B6CA, #D7D2D2, #F10B65 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #13142f; --color-2: #1642f2; --color-3: #41b6ca; --color-4: #d7d2d2; --color-5: #f10b65. 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 tech, SaaS, healthcare, eco industries. 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