#D0443A + #964C47 + #664953 + #3A3751 + #161639 · 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

#D0443A

Vermilion · Chocolate · Passion Red

HEX

#D0443A

RGB

rgb(208, 68, 58)

HSL

hsl(4, 61%, 52%)

HSB

hsb(4, 72%, 82%)

CMYK

cmyk(0%, 67%, 72%, 18%)

Oklch

oklch(58.4% 0.178 28.0)

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

#964C47

Crimson · Sienna · Passion Red

HEX

#964C47

RGB

rgb(150, 76, 71)

HSL

hsl(4, 36%, 43%)

HSB

hsb(4, 53%, 59%)

CMYK

cmyk(0%, 49%, 53%, 41%)

Oklch

oklch(50.6% 0.100 25.2)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#664953

Dark Violet · DimGray · Camellia

HEX

#664953

RGB

rgb(102, 73, 83)

HSL

hsl(339, 17%, 34%)

HSB

hsb(339, 28%, 40%)

CMYK

cmyk(0%, 28%, 19%, 60%)

Oklch

oklch(44.0% 0.042 356.5)

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

#3A3751

Deep Indigo · DarkSlateGray · Prussian Blue

HEX

#3A3751

RGB

rgb(58, 55, 81)

HSL

hsl(247, 19%, 27%)

HSB

hsb(247, 32%, 32%)

CMYK

cmyk(28%, 32%, 0%, 68%)

Oklch

oklch(35.1% 0.045 289.2)

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

#161639

Deep Indigo · MidnightBlue · Deep Sea Blue

HEX

#161639

RGB

rgb(22, 22, 57)

HSL

hsl(240, 44%, 15%)

HSB

hsb(240, 61%, 22%)

CMYK

cmyk(61%, 61%, 0%, 78%)

Oklch

oklch(22.3% 0.066 279.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D0443A

3AC5CF

Analogous

CF3A7B

D0443A

CF8F3A

Triadic

D0443A

3ACF44

443ACF

Split-Comp.

D0443A

3ACF8F

3A7BCF

Tetradic

D0443A

7BCF3A

3AC5CF

8F3ACF

Contrast Matrix WCAG 2.1 Contrast

D0443A	964C47	664953	3A3751	161639
—	1.3 Fail	1.7 Fail	2.5 Fail	3.8 AA Large
1.3 Fail	—	1.3 Fail	1.9 Fail	2.8 Fail
1.7 Fail	1.3 Fail	—	1.4 Fail	2.2 Fail
2.5 Fail	1.9 Fail	1.4 Fail	—	1.5 Fail
3.8 AA Large	2.8 Fail	2.2 Fail	1.5 Fail	—

White BG

4.6AA

6.1AA

7.9AAA

11.4AAA

17.4AAA

Black BG

4.6AA

3.4AA Large

2.6Fail

1.8Fail

1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

93923C

767548

595951

39394B

161631

Deuteranopia

9CA63D

7A8049

5B5D50

393949

16162F

Tritanopia

C93E3F

924949

654F4E

3A4645

162A28

Achromatopsia

6D6D6D

626262

535353

3B3B3B

1A1A1A

Shades & Tints Shades & Tints

#D0443A

Dark

Light

#964C47

Dark

Light

#664953

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d0443a;
  --color-2: #964c47;
  --color-3: #664953;
  --color-4: #3a3751;
  --color-5: #161639;
}

SCSS

$color-1: #d0443a;
$color-2: #964c47;
$color-3: #664953;
$color-4: #3a3751;
$color-5: #161639;

TAILWIND

colors: {
  'brand-1': '#d0443a',
  'brand-2': '#964c47',
  'brand-3': '#664953',
  'brand-4': '#3a3751',
  'brand-5': '#161639',
}

RGB Array

[208, 68, 58], [150, 76, 71], [102, 73, 83], [58, 55, 81], [22, 22, 57]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #D0443A, #964C47, #664953, #3A3751, #161639 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: #d0443a; --color-2: #964c47; --color-3: #664953; --color-4: #3a3751; --color-5: #161639. 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