← Back to Editor

#110B23 · #1CCBCE · #102320 · #24A478 · #1329B9

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

#110B23

Deep Indigo · Black · Deep Sea Blue

HEX
#110B23
RGB
rgb(17, 11, 35)
HSL
hsl(255, 52%, 9%)
HSB
hsb(255, 69%, 14%)
CMYK
cmyk(51%, 69%, 0%, 86%)
Oklch
oklch(17.3% 0.048 292.1)

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

#1CCBCE

Lake Blue · DarkTurquoise · Mint Ice

HEX
#1CCBCE
RGB
rgb(28, 203, 206)
HSL
hsl(181, 76%, 46%)
HSB
hsb(181, 86%, 81%)
CMYK
cmyk(86%, 1%, 0%, 19%)
Oklch
oklch(76.5% 0.127 196.8)

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

#102320

Mineral Blue · Black · Peacock Green

HEX
#102320
RGB
rgb(16, 35, 32)
HSL
hsl(171, 37%, 10%)
HSB
hsb(171, 54%, 14%)
CMYK
cmyk(54%, 0%, 9%, 86%)
Oklch
oklch(23.9% 0.026 182.8)

Traditional「Mineral Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#24A478

Mineral Blue · MediumSeaGreen · Forest Green

HEX
#24A478
RGB
rgb(36, 164, 120)
HSL
hsl(159, 64%, 39%)
HSB
hsb(159, 78%, 64%)
CMYK
cmyk(78%, 0%, 27%, 36%)
Oklch
oklch(64.1% 0.126 164.3)

Traditional「Mineral Blue」· Paint「Forest Green」· Creative Blush Sunrise

#1329B9

Indigo · MediumBlue · Prussian Blue

HEX
#1329B9
RGB
rgb(19, 41, 185)
HSL
hsl(232, 81%, 40%)
HSB
hsb(232, 90%, 73%)
CMYK
cmyk(90%, 78%, 0%, 27%)
Oklch
oklch(39.4% 0.220 266.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

110B23
1D230B

Analogous

0B1123
110B23
1D0B23

Triadic

110B23
23110B
0B2311

Split-Comp.

110B23
231D0B
11230B

Tetradic

110B23
230B11
1D230B
0B231D

Contrast Matrix WCAG 2.1 Contrast

110B23
1CCBCE
102320
24A478
1329B9
—
9.6
AAA
1.2
Fail
6.1
AA
1.9
Fail
9.6
AAA
—
8.2
AAA
1.6
Fail
5.1
AA
1.2
Fail
8.2
AAA
—
5.2
AA
1.6
Fail
6.1
AA
1.6
Fail
5.2
AA
—
3.3
AA Large
1.9
Fail
5.1
AA
1.6
Fail
3.3
AA Large
—
White BG
19.2AAA
2.0Fail
16.4AAA
3.2AA Large
10.3AAA
Black BG
1.1Fail
10.5AAA
1.3Fail
6.7AA
2.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

0E0E1D
6869CD
181821
5B5D83
1D1D96

Deuteranopia

0F0F1C
5E51CD
171621
544A85
1B1A8E

Tritanopia

111918
25CDCD
112121
2A8B8D
147B75

Achromatopsia

101010
979797
1D1D1D
797979
333333

Shades & Tints Shades & Tints

#110B23

Dark
Light

#1CCBCE

Dark
Light

#102320

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #110b23;
  --color-2: #1ccbce;
  --color-3: #102320;
  --color-4: #24a478;
  --color-5: #1329b9;
}

SCSS

$color-1: #110b23;
$color-2: #1ccbce;
$color-3: #102320;
$color-4: #24a478;
$color-5: #1329b9;

TAILWIND

colors: {
  'brand-1': '#110b23',
  'brand-2': '#1ccbce',
  'brand-3': '#102320',
  'brand-4': '#24a478',
  'brand-5': '#1329b9',
}

RGB Array

[17, 11, 35], [28, 203, 206], [16, 35, 32], [36, 164, 120], [19, 41, 185]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #110B23, #1CCBCE, #102320, #24A478, #1329B9 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. 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: #110b23; --color-2: #1ccbce; --color-3: #102320; --color-4: #24a478; --color-5: #1329b9. 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. 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