← Back to Editor

#DC7F8A · #E6AF9A · #EBDBBA · #575759 · #A3788C

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

#DC7F8A

Peach Pink · LightCoral · Coral Red

HEX
#DC7F8A
RGB
rgb(220, 127, 138)
HSL
hsl(353, 57%, 68%)
HSB
hsb(353, 42%, 86%)
CMYK
cmyk(0%, 42%, 37%, 14%)
Oklch
oklch(70.0% 0.115 12.9)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#E6AF9A

Apricot · BurlyWood · Warm Sun

HEX
#E6AF9A
RGB
rgb(230, 175, 154)
HSL
hsl(17, 60%, 75%)
HSB
hsb(17, 33%, 90%)
CMYK
cmyk(0%, 24%, 33%, 10%)
Oklch
oklch(79.9% 0.071 41.9)

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

#EBDBBA

Goose Yellow · Wheat · Lemon Cream

HEX
#EBDBBA
RGB
rgb(235, 219, 186)
HSL
hsl(40, 55%, 83%)
HSB
hsb(40, 21%, 92%)
CMYK
cmyk(0%, 7%, 21%, 8%)
Oklch
oklch(89.6% 0.047 85.2)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#575759

Ink Gray · DimGray · Charcoal

HEX
#575759
RGB
rgb(87, 87, 89)
HSL
hsl(240, 1%, 35%)
HSB
hsb(240, 2%, 35%)
CMYK
cmyk(2%, 2%, 0%, 65%)
Oklch
oklch(45.7% 0.003 286.3)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

#A3788C

Dark Violet · Gray · Rose Pink

HEX
#A3788C
RGB
rgb(163, 120, 140)
HSL
hsl(332, 19%, 55%)
HSB
hsb(332, 26%, 64%)
CMYK
cmyk(0%, 26%, 14%, 36%)
Oklch
oklch(62.1% 0.060 349.5)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DC7F8A
7FDCD1

Analogous

DC7FB8
DC7F8A
DCA37F

Triadic

DC7F8A
8ADC7F
7F8ADC

Split-Comp.

DC7F8A
7FDCA3
7FB8DC

Tetradic

DC7F8A
B8DC7F
7FDCD1
A37FDC

Contrast Matrix WCAG 2.1 Contrast

DC7F8A
E6AF9A
EBDBBA
575759
A3788C
—
1.5
Fail
2.1
Fail
2.6
Fail
1.3
Fail
1.5
Fail
—
1.4
Fail
3.8
AA Large
1.9
Fail
2.1
Fail
1.4
Fail
—
5.3
AA
2.7
Fail
2.6
Fail
3.8
AA Large
5.3
AA
—
1.9
Fail
1.3
Fail
1.9
Fail
2.7
Fail
1.9
Fail
—
White BG
2.8Fail
1.9Fail
1.4Fail
7.2AAA
3.7AA Large
Black BG
7.4AAA
11.0AAA
15.4AAA
2.9Fail
5.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B4B387
CECE9F
E4E4C2
575759
909087

Deuteranopia

B9C087
D1D6A0
E5E6C4
575758
939686

Tritanopia

D78585
E3A3A4
EAC8CA
575858
A18383

Achromatopsia

9C9C9C
BDBDBD
DCDCDC
575757
878787

Shades & Tints Shades & Tints

#DC7F8A

Dark
Light

#E6AF9A

Dark
Light

#EBDBBA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dc7f8a;
  --color-2: #e6af9a;
  --color-3: #ebdbba;
  --color-4: #575759;
  --color-5: #a3788c;
}

SCSS

$color-1: #dc7f8a;
$color-2: #e6af9a;
$color-3: #ebdbba;
$color-4: #575759;
$color-5: #a3788c;

TAILWIND

colors: {
  'brand-1': '#dc7f8a',
  'brand-2': '#e6af9a',
  'brand-3': '#ebdbba',
  'brand-4': '#575759',
  'brand-5': '#a3788c',
}

RGB Array

[220, 127, 138], [230, 175, 154], [235, 219, 186], [87, 87, 89], [163, 120, 140]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #DC7F8A, #E6AF9A, #EBDBBA, #575759, #A3788C 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: #dc7f8a; --color-2: #e6af9a; --color-3: #ebdbba; --color-4: #575759; --color-5: #a3788c. 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