#393943 + #3E5B7D + #248389 + #63BA97 + #6E0404 · sea - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#393943

Deep Indigo · DarkSlateGray · Dark Stone

HEX

#393943

RGB

rgb(57, 57, 67)

HSL

hsl(240, 8%, 24%)

HSB

hsb(240, 15%, 26%)

CMYK

cmyk(15%, 15%, 0%, 74%)

Oklch

oklch(34.9% 0.017 285.5)

Traditional「Deep Indigo」· Paint「Dark Stone」· Creative Midnight Shadow

#3E5B7D

Indigo · DarkSlateBlue · Prussian Blue

HEX

#3E5B7D

RGB

rgb(62, 91, 125)

HSL

hsl(212, 34%, 37%)

HSB

hsb(212, 50%, 49%)

CMYK

cmyk(50%, 27%, 0%, 51%)

Oklch

oklch(46.3% 0.066 253.1)

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

#248389

Lake Blue · Teal · Mint Ice

HEX

#248389

RGB

rgb(36, 131, 137)

HSL

hsl(184, 58%, 34%)

HSB

hsb(184, 74%, 54%)

CMYK

cmyk(74%, 4%, 0%, 46%)

Oklch

oklch(56.0% 0.085 201.3)

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

#63BA97

Mineral Blue · MediumAquaMarine · Olive Green

HEX

#63BA97

RGB

rgb(99, 186, 151)

HSL

hsl(156, 39%, 56%)

HSB

hsb(156, 47%, 73%)

CMYK

cmyk(47%, 0%, 19%, 27%)

Oklch

oklch(72.4% 0.100 165.5)

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

#6E0404

Vermilion · Maroon · Wine Red

HEX

#6E0404

RGB

rgb(110, 4, 4)

HSL

hsl(0, 93%, 22%)

HSB

hsb(0, 96%, 43%)

CMYK

cmyk(0%, 96%, 96%, 57%)

Oklch

oklch(34.1% 0.136 28.6)

Traditional「Vermilion」· Paint「Wine Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

393943

424238

Analogous

383D42

393943

3D3842

Triadic

393943

423838

384238

Split-Comp.

393943

423D38

3D4238

Tetradic

393943

42383D

424238

38423D

Contrast Matrix WCAG 2.1 Contrast

393943	3E5B7D	248389	63BA97	6E0404
—	1.6 Fail	2.5 Fail	4.9 AA	1.1 Fail
1.6 Fail	—	1.6 Fail	3.0 AA Large	1.8 Fail
2.5 Fail	1.6 Fail	—	1.9 Fail	2.8 Fail
4.9 AA	3.0 AA Large	1.9 Fail	—	5.4 AA
1.1 Fail	1.8 Fail	2.8 Fail	5.4 AA	—

White BG

11.4AAA

7.0AAA

4.5AA Large

2.3Fail

12.5AAA

Black BG

1.8Fail

3.0Fail

4.7AA

9.0AAA

1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

393941

4B4B75

4D4E88

89899F

403F04

Deuteranopia

393940

494773

484187

847DA2

464E04

Tritanopia

393F3E

3F6E6D

298686

67A6A8

690404

Achromatopsia

3A3A3A

565656

676767

9C9C9C

242424

Shades & Tints Shades & Tints

#393943

Dark

Light

#3E5B7D

Dark

Light

#248389

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #393943;
  --color-2: #3e5b7d;
  --color-3: #248389;
  --color-4: #63ba97;
  --color-5: #6e0404;
}

SCSS

$color-1: #393943;
$color-2: #3e5b7d;
$color-3: #248389;
$color-4: #63ba97;
$color-5: #6e0404;

TAILWIND

colors: {
  'brand-1': '#393943',
  'brand-2': '#3e5b7d',
  'brand-3': '#248389',
  'brand-4': '#63ba97',
  'brand-5': '#6e0404',
}

RGB Array

[57, 57, 67], [62, 91, 125], [36, 131, 137], [99, 186, 151], [110, 4, 4]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #393943, #3E5B7D, #248389, #63BA97, #6E0404 is ideal for: tech websites, dark mode UIs, game UIs. 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: #393943; --color-2: #3e5b7d; --color-3: #248389; --color-4: #63ba97; --color-5: #6e0404. 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 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