#DE5D68 + #6D4D5E + #B48291 + #DB9691 + #EDA58E · sea - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#DE5D68

Peach Pink · Salmon · Coral Red

HEX

#DE5D68

RGB

rgb(222, 93, 104)

HSL

hsl(355, 66%, 62%)

HSB

hsb(355, 58%, 87%)

CMYK

cmyk(0%, 58%, 53%, 13%)

Oklch

oklch(64.4% 0.161 17.7)

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

#6D4D5E

Rose Purple · DimGray · Camellia

HEX

#6D4D5E

RGB

rgb(109, 77, 94)

HSL

hsl(328, 17%, 36%)

HSB

hsb(328, 29%, 43%)

CMYK

cmyk(0%, 29%, 14%, 57%)

Oklch

oklch(46.1% 0.050 346.1)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

#B48291

Rouge · DarkGray · Rose Pink

HEX

#B48291

RGB

rgb(180, 130, 145)

HSL

hsl(342, 25%, 61%)

HSB

hsb(342, 28%, 71%)

CMYK

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

Oklch

oklch(66.0% 0.065 359.3)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#DB9691

Peach Pink · DarkSalmon · Coral Red

HEX

#DB9691

RGB

rgb(219, 150, 145)

HSL

hsl(4, 51%, 71%)

HSB

hsb(4, 34%, 86%)

CMYK

cmyk(0%, 32%, 34%, 14%)

Oklch

oklch(74.0% 0.084 23.9)

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

#EDA58E

Apricot · BurlyWood · Warm Sun

HEX

#EDA58E

RGB

rgb(237, 165, 142)

HSL

hsl(15, 73%, 74%)

HSB

hsb(15, 40%, 93%)

CMYK

cmyk(0%, 30%, 40%, 7%)

Oklch

oklch(78.6% 0.092 38.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DE5D68

5EDED3

Analogous

DE5EA9

DE5D68

DE935E

Triadic

DE5D68

69DE5E

5E69DE

Split-Comp.

DE5D68

5EDE93

5EA9DE

Tetradic

DE5D68

A9DE5E

5EDED3

935EDE

Contrast Matrix WCAG 2.1 Contrast

DE5D68	6D4D5E	B48291	DB9691	EDA58E
—	2.0 Fail	1.1 Fail	1.5 Fail	1.8 Fail
2.0 Fail	—	2.3 Fail	3.1 AA Large	3.6 AA Large
1.1 Fail	2.3 Fail	—	1.3 Fail	1.6 Fail
1.5 Fail	3.1 AA Large	1.3 Fail	—	1.2 Fail
1.8 Fail	3.6 AA Large	1.6 Fail	1.2 Fail	—

White BG

3.6AA Large

7.3AAA

3.2AA Large

2.4Fail

2.0Fail

Black BG

5.9AA

2.9Fail

6.5AA

8.8AAA

10.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A6A565

5F5F5A

9E9E8D

BDBD92

CECD94

Deuteranopia

AEB765

616359

A1A58D

C1C693

D2D795

Tritanopia

D86363

6B5756

B28B8A

D89393

E99899

Achromatopsia

858585

595959

939393

AAAAAA

B8B8B8

Shades & Tints Shades & Tints

#DE5D68

Dark

Light

#6D4D5E

Dark

Light

#B48291

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #de5d68;
  --color-2: #6d4d5e;
  --color-3: #b48291;
  --color-4: #db9691;
  --color-5: #eda58e;
}

SCSS

$color-1: #de5d68;
$color-2: #6d4d5e;
$color-3: #b48291;
$color-4: #db9691;
$color-5: #eda58e;

TAILWIND

colors: {
  'brand-1': '#de5d68',
  'brand-2': '#6d4d5e',
  'brand-3': '#b48291',
  'brand-4': '#db9691',
  'brand-5': '#eda58e',
}

RGB Array

[222, 93, 104], [109, 77, 94], [180, 130, 145], [219, 150, 145], [237, 165, 142]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #DE5D68, #6D4D5E, #B48291, #DB9691, #EDA58E is ideal for: corporate websites, product showcases, portfolios. 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: #de5d68; --color-2: #6d4d5e; --color-3: #b48291; --color-4: #db9691; --color-5: #eda58e. 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. 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