← Back to Editor

#DC5340 · #D29E38 · #18181A · #3E5E5D · #CFA16F

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

#DC5340

Vermilion · Tomato · Passion Red

HEX
#DC5340
RGB
rgb(220, 83, 64)
HSL
hsl(7, 69%, 56%)
HSB
hsb(7, 71%, 86%)
CMYK
cmyk(0%, 62%, 71%, 14%)
Oklch
oklch(62.2% 0.175 30.6)

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

#D29E38

Ginger · GoldenRod · Sunflower

HEX
#D29E38
RGB
rgb(210, 158, 56)
HSL
hsl(40, 63%, 52%)
HSB
hsb(40, 73%, 82%)
CMYK
cmyk(0%, 25%, 73%, 18%)
Oklch
oklch(73.1% 0.130 80.5)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#18181A

Ink Black · Black · Jet Black

HEX
#18181A
RGB
rgb(24, 24, 26)
HSL
hsl(240, 4%, 10%)
HSB
hsb(240, 8%, 10%)
CMYK
cmyk(8%, 8%, 0%, 90%)
Oklch
oklch(21.0% 0.004 286.1)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

#3E5E5D

Mineral Blue · DarkSlateGray · Mint Ice

HEX
#3E5E5D
RGB
rgb(62, 94, 93)
HSL
hsl(178, 21%, 31%)
HSB
hsb(178, 34%, 37%)
CMYK
cmyk(34%, 0%, 1%, 63%)
Oklch
oklch(45.7% 0.037 193.4)

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

#CFA16F

Ginger · DarkSalmon · Warm Sun

HEX
#CFA16F
RGB
rgb(207, 161, 111)
HSL
hsl(31, 50%, 62%)
HSB
hsb(31, 46%, 81%)
CMYK
cmyk(0%, 22%, 46%, 19%)
Oklch
oklch(74.0% 0.086 68.2)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DC5340
41CADC

Analogous

DC417D
DC5340
DCA141

Triadic

DC5340
41DC53
5341DC

Split-Comp.

DC5340
41DCA1
417DDC

Tetradic

DC5340
7DDC41
41CADC
A141DC

Contrast Matrix WCAG 2.1 Contrast

DC5340
D29E38
18181A
3E5E5D
CFA16F
—
1.6
Fail
4.5
AA
1.8
Fail
1.7
Fail
1.6
Fail
—
7.3
AAA
2.9
Fail
1.0
Fail
4.5
AA
7.3
AAA
—
2.5
Fail
7.6
AAA
1.8
Fail
2.9
Fail
2.5
Fail
—
3.0
AA Large
1.7
Fail
1.0
Fail
7.6
AAA
3.0
AA Large
—
White BG
3.9AA Large
2.4Fail
17.7AAA
7.1AAA
2.3Fail
Black BG
5.4AA
8.7AAA
1.2Fail
3.0Fail
9.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A19F45
BBBB51
18181A
4C4C5D
BBBB7B

Deuteranopia

A9B346
BFC257
181819
4A485D
BEC17E

Tritanopia

D54849
CF6468
181919
405D5D
CD8587

Achromatopsia

7A7A7A
A2A2A2
181818
545454
A9A9A9

Shades & Tints Shades & Tints

#DC5340

Dark
Light

#D29E38

Dark
Light

#18181A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dc5340;
  --color-2: #d29e38;
  --color-3: #18181a;
  --color-4: #3e5e5d;
  --color-5: #cfa16f;
}

SCSS

$color-1: #dc5340;
$color-2: #d29e38;
$color-3: #18181a;
$color-4: #3e5e5d;
$color-5: #cfa16f;

TAILWIND

colors: {
  'brand-1': '#dc5340',
  'brand-2': '#d29e38',
  'brand-3': '#18181a',
  'brand-4': '#3e5e5d',
  'brand-5': '#cfa16f',
}

RGB Array

[220, 83, 64], [210, 158, 56], [24, 24, 26], [62, 94, 93], [207, 161, 111]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #DC5340, #D29E38, #18181A, #3E5E5D, #CFA16F 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: #dc5340; --color-2: #d29e38; --color-3: #18181a; --color-4: #3e5e5d; --color-5: #cfa16f. 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