← Back to Editor

#0B0C0D · #D4F9FA · #D2F1FA · #D2E3FA · #0A090A

sea

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#0B0C0D

Indigo · Black · Jet Black

HEX
#0B0C0D
RGB
rgb(11, 12, 13)
HSL
hsl(210, 8%, 5%)
HSB
hsb(210, 15%, 5%)
CMYK
cmyk(15%, 8%, 0%, 95%)
Oklch
oklch(15.4% 0.003 248.0)

Traditional「Indigo」· Paint「Jet Black」· Creative Midnight Shadow

#D4F9FA

Sky Blue · Lavender · Glacier Blue

HEX
#D4F9FA
RGB
rgb(212, 249, 250)
HSL
hsl(182, 79%, 91%)
HSB
hsb(182, 15%, 98%)
CMYK
cmyk(15%, 0%, 0%, 2%)
Oklch
oklch(95.6% 0.038 198.5)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

#D2F1FA

Sky Blue · Lavender · Glacier Blue

HEX
#D2F1FA
RGB
rgb(210, 241, 250)
HSL
hsl(194, 80%, 90%)
HSB
hsb(194, 16%, 98%)
CMYK
cmyk(16%, 4%, 0%, 2%)
Oklch
oklch(93.9% 0.035 217.1)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

#D2E3FA

Azure · Lavender · Sky Blue

HEX
#D2E3FA
RGB
rgb(210, 227, 250)
HSL
hsl(215, 80%, 90%)
HSB
hsb(215, 16%, 98%)
CMYK
cmyk(16%, 9%, 0%, 2%)
Oklch
oklch(91.0% 0.036 256.0)

Traditional「Azure」· Paint「Sky Blue」· Creative Twilight Haze

#0A090A

Ink Black · Black · Jet Black

HEX
#0A090A
RGB
rgb(10, 9, 10)
HSL
hsl(300, 5%, 4%)
HSB
hsb(300, 10%, 4%)
CMYK
cmyk(0%, 10%, 0%, 96%)
Oklch
oklch(14.2% 0.003 325.7)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0B0C0D
0E0D0C

Analogous

0C0E0E
0B0C0D
0C0C0E

Triadic

0B0C0D
0E0C0D
0D0E0C

Split-Comp.

0B0C0D
0E0C0C
0E0E0C

Tetradic

0B0C0D
0E0C0E
0E0D0C
0C0E0C

Contrast Matrix WCAG 2.1 Contrast

0B0C0D
D4F9FA
D2F1FA
D2E3FA
0A090A
—
17.5
AAA
16.5
AAA
15.0
AAA
1.0
Fail
17.5
AAA
—
1.1
Fail
1.2
Fail
17.7
AAA
16.5
AAA
1.1
Fail
—
1.1
Fail
16.8
AAA
15.0
AAA
1.2
Fail
1.1
Fail
—
15.2
AAA
1.0
Fail
17.7
AAA
16.8
AAA
15.2
AAA
—
White BG
19.6AAA
1.1Fail
1.2Fail
1.3Fail
19.9AAA
Black BG
1.1Fail
18.7AAA
17.7AAA
16.1AAA
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

0B0B0D
E4E4FA
DFE0F8
D9DAF4
0A0A0A

Deuteranopia

0B0B0D
E2DFFA
DEDBF7
D8D7F3
0A0A0A

Tritanopia

0B0D0D
D6FAFA
D4F6F6
D3F0EF
0A0A0A

Achromatopsia

0C0C0C
EEEEEE
E9E9E9
E1E1E1
090909

Shades & Tints Shades & Tints

#0B0C0D

Dark
Light

#D4F9FA

Dark
Light

#D2F1FA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0b0c0d;
  --color-2: #d4f9fa;
  --color-3: #d2f1fa;
  --color-4: #d2e3fa;
  --color-5: #0a090a;
}

SCSS

$color-1: #0b0c0d;
$color-2: #d4f9fa;
$color-3: #d2f1fa;
$color-4: #d2e3fa;
$color-5: #0a090a;

TAILWIND

colors: {
  'brand-1': '#0b0c0d',
  'brand-2': '#d4f9fa',
  'brand-3': '#d2f1fa',
  'brand-4': '#d2e3fa',
  'brand-5': '#0a090a',
}

RGB Array

[11, 12, 13], [212, 249, 250], [210, 241, 250], [210, 227, 250], [10, 9, 10]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #0B0C0D, #D4F9FA, #D2F1FA, #D2E3FA, #0A090A 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: #0b0c0d; --color-2: #d4f9fa; --color-3: #d2f1fa; --color-4: #d2e3fa; --color-5: #0a090a. 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