← Back to Editor

#AEE4E4 · #4B2A35 · #4B7C76 · #06223A · #0C151C

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

#AEE4E4

Sky Blue · LightBlue · Glacier Blue

HEX
#AEE4E4
RGB
rgb(174, 228, 228)
HSL
hsl(180, 50%, 79%)
HSB
hsb(180, 24%, 89%)
CMYK
cmyk(24%, 0%, 0%, 11%)
Oklch
oklch(88.2% 0.055 196.2)

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

#4B2A35

Dark Violet · DarkSlateGray · Raspberry

HEX
#4B2A35
RGB
rgb(75, 42, 53)
HSL
hsl(340, 28%, 23%)
HSB
hsb(340, 44%, 29%)
CMYK
cmyk(0%, 44%, 29%, 71%)
Oklch
oklch(33.1% 0.051 358.8)

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

#4B7C76

Mineral Blue · DimGray · Mint Ice

HEX
#4B7C76
RGB
rgb(75, 124, 118)
HSL
hsl(173, 25%, 39%)
HSB
hsb(173, 40%, 49%)
CMYK
cmyk(40%, 0%, 5%, 51%)
Oklch
oklch(55.0% 0.054 185.9)

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

#06223A

Lake Blue · MidnightBlue · Deep Sea Blue

HEX
#06223A
RGB
rgb(6, 34, 58)
HSL
hsl(208, 81%, 13%)
HSB
hsb(208, 90%, 23%)
CMYK
cmyk(90%, 41%, 0%, 77%)
Oklch
oklch(24.5% 0.057 248.2)

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

#0C151C

Slate Blue · Black · Deep Sea Blue

HEX
#0C151C
RGB
rgb(12, 21, 28)
HSL
hsl(206, 40%, 8%)
HSB
hsb(206, 57%, 11%)
CMYK
cmyk(57%, 25%, 0%, 89%)
Oklch
oklch(19.0% 0.020 242.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AEE4E4
E4AFAF

Analogous

AFE4C9
AEE4E4
AFC9E4

Triadic

AEE4E4
E4AFE4
E4E4AF

Split-Comp.

AEE4E4
E4AFC9
E4C9AF

Tetradic

AEE4E4
C9AFE4
E4AFAF
C9E4AF

Contrast Matrix WCAG 2.1 Contrast

AEE4E4
4B2A35
4B7C76
06223A
0C151C
—
8.9
AAA
3.4
AA Large
11.6
AAA
13.2
AAA
8.9
AAA
—
2.6
Fail
1.3
Fail
1.5
Fail
3.4
AA Large
2.6
Fail
—
3.4
AA Large
3.9
AA Large
11.6
AAA
1.3
Fail
3.4
AA Large
—
1.1
Fail
13.2
AAA
1.5
Fail
3.9
AA Large
1.1
Fail
—
White BG
1.4Fail
12.5AAA
4.7AA
16.2AAA
18.4AAA
Black BG
15.0AAA
1.7Fail
4.4AA Large
1.3Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C5C6E4
3D3C32
606177
121234
10101A

Deuteranopia

C2BEE4
3F4132
5D5A78
110E33
0F0F1A

Tritanopia

B1E4E4
493030
4D7979
07302F
0C1919

Achromatopsia

D4D4D4
353535
6D6D6D
1C1C1C
131313

Shades & Tints Shades & Tints

#AEE4E4

Dark
Light

#4B2A35

Dark
Light

#4B7C76

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #aee4e4;
  --color-2: #4b2a35;
  --color-3: #4b7c76;
  --color-4: #06223a;
  --color-5: #0c151c;
}

SCSS

$color-1: #aee4e4;
$color-2: #4b2a35;
$color-3: #4b7c76;
$color-4: #06223a;
$color-5: #0c151c;

TAILWIND

colors: {
  'brand-1': '#aee4e4',
  'brand-2': '#4b2a35',
  'brand-3': '#4b7c76',
  'brand-4': '#06223a',
  'brand-5': '#0c151c',
}

RGB Array

[174, 228, 228], [75, 42, 53], [75, 124, 118], [6, 34, 58], [12, 21, 28]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #AEE4E4, #4B2A35, #4B7C76, #06223A, #0C151C is ideal for: tech websites, dark mode UIs, game UIs, 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: #aee4e4; --color-2: #4b2a35; --color-3: #4b7c76; --color-4: #06223a; --color-5: #0c151c. 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. 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