← Back to Editor

#150DAB · #0F4FBE · #1290C1 · #0FC4B3 · #4EE98E

sea

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#150DAB

Deep Indigo · MediumBlue · Prussian Blue

HEX
#150DAB
RGB
rgb(21, 13, 171)
HSL
hsl(243, 86%, 36%)
HSB
hsb(243, 92%, 67%)
CMYK
cmyk(88%, 92%, 0%, 33%)
Oklch
oklch(34.8% 0.223 267.8)

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

#0F4FBE

Indigo · SteelBlue · Prussian Blue

HEX
#0F4FBE
RGB
rgb(15, 79, 190)
HSL
hsl(218, 85%, 40%)
HSB
hsb(218, 92%, 75%)
CMYK
cmyk(92%, 58%, 0%, 25%)
Oklch
oklch(46.4% 0.185 261.1)

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

#1290C1

Lake Blue · LightSeaGreen · Mint Ice

HEX
#1290C1
RGB
rgb(18, 144, 193)
HSL
hsl(197, 83%, 41%)
HSB
hsb(197, 91%, 76%)
CMYK
cmyk(91%, 25%, 0%, 24%)
Oklch
oklch(61.5% 0.122 232.3)

Traditional「Lake Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#0FC4B3

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#0FC4B3
RGB
rgb(15, 196, 179)
HSL
hsl(174, 86%, 41%)
HSB
hsb(174, 92%, 77%)
CMYK
cmyk(92%, 0%, 9%, 23%)
Oklch
oklch(73.8% 0.129 183.9)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#4EE98E

Emerald · MediumAquaMarine · Apple Green

HEX
#4EE98E
RGB
rgb(78, 233, 142)
HSL
hsl(145, 78%, 61%)
HSB
hsb(145, 67%, 91%)
CMYK
cmyk(67%, 0%, 39%, 9%)
Oklch
oklch(83.1% 0.182 153.5)

Traditional「Emerald」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

150DAB
A3AB0D

Analogous

0D54AB
150DAB
640DAB

Triadic

150DAB
AB150D
0DAB15

Split-Comp.

150DAB
AB640D
54AB0D

Tetradic

150DAB
AB0D54
A3AB0D
0DAB64

Contrast Matrix WCAG 2.1 Contrast

150DAB
0F4FBE
1290C1
0FC4B3
4EE98E
—
1.7
Fail
3.4
AA Large
5.7
AA
8.0
AAA
1.7
Fail
—
2.0
Fail
3.3
AA Large
4.6
AA
3.4
AA Large
2.0
Fail
—
1.7
Fail
2.3
Fail
5.7
AA
3.3
AA Large
1.7
Fail
—
1.4
Fail
8.0
AAA
4.6
AA
2.3
Fail
1.4
Fail
—
White BG
12.5AAA
7.3AAA
3.6AA Large
2.2Fail
1.6Fail
Black BG
1.7Fail
2.9Fail
5.8AA
9.6AAA
13.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

121185
2B2BA3
494AB5
5D5FB7
9193A4

Deuteranopia

12137C
27229D
4138B2
5345B8
887CA9

Tritanopia

156760
128E89
18ACAA
18BABB
56B5B9

Achromatopsia

212121
494949
707070
8C8C8C
B0B0B0

Shades & Tints Shades & Tints

#150DAB

Dark
Light

#0F4FBE

Dark
Light

#1290C1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #150dab;
  --color-2: #0f4fbe;
  --color-3: #1290c1;
  --color-4: #0fc4b3;
  --color-5: #4ee98e;
}

SCSS

$color-1: #150dab;
$color-2: #0f4fbe;
$color-3: #1290c1;
$color-4: #0fc4b3;
$color-5: #4ee98e;

TAILWIND

colors: {
  'brand-1': '#150dab',
  'brand-2': '#0f4fbe',
  'brand-3': '#1290c1',
  'brand-4': '#0fc4b3',
  'brand-5': '#4ee98e',
}

RGB Array

[21, 13, 171], [15, 79, 190], [18, 144, 193], [15, 196, 179], [78, 233, 142]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #150DAB, #0F4FBE, #1290C1, #0FC4B3, #4EE98E is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. 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: #150dab; --color-2: #0f4fbe; --color-3: #1290c1; --color-4: #0fc4b3; --color-5: #4ee98e. 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. 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