← Back to Editor

#6E5D5E · #6C989F · #DCD2C0 · #DF9184 · #E6C56F

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

#6E5D5E

Crimson · DimGray · Charcoal

HEX
#6E5D5E
RGB
rgb(110, 93, 94)
HSL
hsl(356, 8%, 40%)
HSB
hsb(356, 15%, 43%)
CMYK
cmyk(0%, 15%, 15%, 57%)
Oklch
oklch(49.5% 0.022 13.9)

Traditional「Crimson」· Paint「Charcoal」· Creative Midnight Shadow

#6C989F

Slate Blue · CadetBlue · Lake Green

HEX
#6C989F
RGB
rgb(108, 152, 159)
HSL
hsl(188, 21%, 52%)
HSB
hsb(188, 32%, 62%)
CMYK
cmyk(32%, 4%, 0%, 38%)
Oklch
oklch(65.0% 0.049 208.3)

Traditional「Slate Blue」· Paint「Lake Green」· Creative Blush Sunrise

#DCD2C0

Goose Yellow · LightGray · Peach Orange

HEX
#DCD2C0
RGB
rgb(220, 210, 192)
HSL
hsl(39, 29%, 81%)
HSB
hsb(39, 13%, 86%)
CMYK
cmyk(0%, 5%, 13%, 14%)
Oklch
oklch(86.7% 0.027 82.4)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#DF9184

Peach Pink · DarkSalmon · Coral Red

HEX
#DF9184
RGB
rgb(223, 145, 132)
HSL
hsl(9, 59%, 70%)
HSB
hsb(9, 41%, 87%)
CMYK
cmyk(0%, 35%, 41%, 13%)
Oklch
oklch(73.2% 0.097 29.9)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#E6C56F

Ginger · BurlyWood · Sunflower

HEX
#E6C56F
RGB
rgb(230, 197, 111)
HSL
hsl(43, 70%, 67%)
HSB
hsb(43, 52%, 90%)
CMYK
cmyk(0%, 14%, 52%, 10%)
Oklch
oklch(83.4% 0.112 88.9)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6E5D5E
5E6E6D

Analogous

6E5E67
6E5D5E
6E655E

Triadic

6E5D5E
5F6E5E
5E5F6E

Split-Comp.

6E5D5E
5E6E65
5E676E

Tetradic

6E5D5E
676E5E
5E6E6D
655E6E

Contrast Matrix WCAG 2.1 Contrast

6E5D5E
6C989F
DCD2C0
DF9184
E6C56F
—
2.0
Fail
4.1
AA Large
2.5
Fail
3.7
AA Large
2.0
Fail
—
2.1
Fail
1.3
Fail
1.9
Fail
4.1
AA Large
2.1
Fail
—
1.6
Fail
1.1
Fail
2.5
Fail
1.3
Fail
1.6
Fail
—
1.5
Fail
3.7
AA Large
1.9
Fail
1.1
Fail
1.5
Fail
—
White BG
6.2AA
3.2AA Large
1.5Fail
2.5Fail
1.7Fail
Black BG
3.4AA Large
6.6AA
14.0AAA
8.5AAA
12.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

67665E
7F7F9D
D8D8C4
BDBD87
D8D784

Deuteranopia

68695E
7D799D
D8D9C5
C2C888
DADC89

Tritanopia

6D5E5E
6E9C9C
DCC8C9
DB8A8A
E49498

Achromatopsia

626262
8C8C8C
D3D3D3
A7A7A7
C5C5C5

Shades & Tints Shades & Tints

#6E5D5E

Dark
Light

#6C989F

Dark
Light

#DCD2C0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6e5d5e;
  --color-2: #6c989f;
  --color-3: #dcd2c0;
  --color-4: #df9184;
  --color-5: #e6c56f;
}

SCSS

$color-1: #6e5d5e;
$color-2: #6c989f;
$color-3: #dcd2c0;
$color-4: #df9184;
$color-5: #e6c56f;

TAILWIND

colors: {
  'brand-1': '#6e5d5e',
  'brand-2': '#6c989f',
  'brand-3': '#dcd2c0',
  'brand-4': '#df9184',
  'brand-5': '#e6c56f',
}

RGB Array

[110, 93, 94], [108, 152, 159], [220, 210, 192], [223, 145, 132], [230, 197, 111]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #6E5D5E, #6C989F, #DCD2C0, #DF9184, #E6C56F 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: #6e5d5e; --color-2: #6c989f; --color-3: #dcd2c0; --color-4: #df9184; --color-5: #e6c56f. 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