← Back to Editor

#1C2330 · #2E3D6B · #408276 · #9F9A7D · #FFAF8C

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

#1C2330

Indigo · DarkSlateGray · Deep Sea Blue

HEX
#1C2330
RGB
rgb(28, 35, 48)
HSL
hsl(219, 26%, 15%)
HSB
hsb(219, 42%, 19%)
CMYK
cmyk(42%, 27%, 0%, 81%)
Oklch
oklch(25.5% 0.027 262.6)

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

#2E3D6B

Indigo · DarkSlateGray · Prussian Blue

HEX
#2E3D6B
RGB
rgb(46, 61, 107)
HSL
hsl(225, 40%, 30%)
HSB
hsb(225, 57%, 42%)
CMYK
cmyk(57%, 43%, 0%, 58%)
Oklch
oklch(37.1% 0.082 268.6)

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

#408276

Mineral Blue · SeaGreen · Mint Ice

HEX
#408276
RGB
rgb(64, 130, 118)
HSL
hsl(169, 34%, 38%)
HSB
hsb(169, 51%, 51%)
CMYK
cmyk(51%, 0%, 9%, 49%)
Oklch
oklch(56.0% 0.070 180.2)

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

#9F9A7D

Autumn Sage · Gray · Sunflower

HEX
#9F9A7D
RGB
rgb(159, 154, 125)
HSL
hsl(51, 15%, 56%)
HSB
hsb(51, 21%, 62%)
CMYK
cmyk(0%, 3%, 21%, 38%)
Oklch
oklch(68.3% 0.041 99.3)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#FFAF8C

Apricot · LightSalmon · Peach Orange

HEX
#FFAF8C
RGB
rgb(255, 175, 140)
HSL
hsl(18, 100%, 77%)
HSB
hsb(18, 45%, 100%)
CMYK
cmyk(0%, 31%, 45%, 0%)
Oklch
oklch(82.3% 0.106 44.4)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1C2330
30291C

Analogous

1C2D30
1C2330
1F1C30

Triadic

1C2330
301C23
23301C

Split-Comp.

1C2330
301F1C
2D301C

Tetradic

1C2330
301C2D
30291C
1C301F

Contrast Matrix WCAG 2.1 Contrast

1C2330
2E3D6B
408276
9F9A7D
FFAF8C
—
1.5
Fail
3.5
AA Large
5.5
AA
8.8
AAA
1.5
Fail
—
2.3
Fail
3.7
AA Large
5.9
AA
3.5
AA Large
2.3
Fail
—
1.6
Fail
2.5
Fail
5.5
AA
3.7
AA Large
1.6
Fail
—
1.6
Fail
8.8
AAA
5.9
AA
2.5
Fail
1.6
Fail
—
White BG
15.8AAA
10.5AAA
4.5AA Large
2.8Fail
1.8Fail
Black BG
1.3Fail
2.0Fail
4.7AA
7.4AAA
11.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1F1F2D
343560
5D5D79
9D9D84
DCDC94

Deuteranopia

1F1E2C
34335D
59547A
9D9E86
E1E797

Tritanopia

1C2A2A
2F5755
437B7C
9F8A8B
FB9B9D

Achromatopsia

222222
3E3E3E
6D6D6D
989898
C3C3C3

Shades & Tints Shades & Tints

#1C2330

Dark
Light

#2E3D6B

Dark
Light

#408276

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1c2330;
  --color-2: #2e3d6b;
  --color-3: #408276;
  --color-4: #9f9a7d;
  --color-5: #ffaf8c;
}

SCSS

$color-1: #1c2330;
$color-2: #2e3d6b;
$color-3: #408276;
$color-4: #9f9a7d;
$color-5: #ffaf8c;

TAILWIND

colors: {
  'brand-1': '#1c2330',
  'brand-2': '#2e3d6b',
  'brand-3': '#408276',
  'brand-4': '#9f9a7d',
  'brand-5': '#ffaf8c',
}

RGB Array

[28, 35, 48], [46, 61, 107], [64, 130, 118], [159, 154, 125], [255, 175, 140]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #1C2330, #2E3D6B, #408276, #9F9A7D, #FFAF8C 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: #1c2330; --color-2: #2e3d6b; --color-3: #408276; --color-4: #9f9a7d; --color-5: #ffaf8c. 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