#AD7992 + #CE8380 + #E68A85 + #E2A480 + #DABA9A - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#AD7992

Dark Violet · Gray · Rose Pink

HEX

#AD7992

RGB

rgb(173, 121, 146)

HSL

hsl(331, 24%, 58%)

HSB

hsb(331, 30%, 68%)

CMYK

cmyk(0%, 30%, 16%, 32%)

Oklch

oklch(63.6% 0.073 349.0)

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

#CE8380

Peach Pink · DarkSalmon · Coral Red

HEX

#CE8380

RGB

rgb(206, 131, 128)

HSL

hsl(2, 44%, 65%)

HSB

hsb(2, 38%, 81%)

CMYK

cmyk(0%, 36%, 38%, 19%)

Oklch

oklch(68.7% 0.093 22.3)

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

#E68A85

Peach Pink · LightCoral · Coral Red

HEX

#E68A85

RGB

rgb(230, 138, 133)

HSL

hsl(3, 66%, 71%)

HSB

hsb(3, 42%, 90%)

CMYK

cmyk(0%, 40%, 42%, 10%)

Oklch

oklch(72.9% 0.113 23.5)

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

#E2A480

Apricot · DarkSalmon · Warm Sun

HEX

#E2A480

RGB

rgb(226, 164, 128)

HSL

hsl(22, 63%, 69%)

HSB

hsb(22, 43%, 89%)

CMYK

cmyk(0%, 27%, 43%, 11%)

Oklch

oklch(76.9% 0.089 51.1)

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

#DABA9A

Goose Yellow · Tan · Warm Sun

HEX

#DABA9A

RGB

rgb(218, 186, 154)

HSL

hsl(30, 46%, 73%)

HSB

hsb(30, 29%, 85%)

CMYK

cmyk(0%, 15%, 29%, 15%)

Oklch

oklch(80.9% 0.057 66.9)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AD7992

7AAE95

Analogous

AE7AAD

AD7992

AE7B7A

Triadic

AD7992

93AE7A

7A93AE

Split-Comp.

AD7992

7AAE7B

7AADAE

Tetradic

AD7992

ADAE7A

7AAE95

7B7AAE

Contrast Matrix WCAG 2.1 Contrast

AD7992	CE8380	E68A85	E2A480	DABA9A
—	1.2 Fail	1.4 Fail	1.7 Fail	1.9 Fail
1.2 Fail	—	1.2 Fail	1.4 Fail	1.6 Fail
1.4 Fail	1.2 Fail	—	1.2 Fail	1.4 Fail
1.7 Fail	1.4 Fail	1.2 Fail	—	1.2 Fail
1.9 Fail	1.6 Fail	1.4 Fail	1.2 Fail	—

White BG

3.5AA Large

2.9Fail

2.5Fail

2.1Fail

1.8Fail

Black BG

5.9AA

7.2AAA

8.3AAA

9.9AAA

11.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

96968C

AEAD81

BEBD86

C7C789

CCCCA2

Deuteranopia

9A9D8B

B2B881

C4CA87

CBCF8B

CED0A4

Tritanopia

AA8786

CA8181

E18787

DF9091

D8A8A9

Achromatopsia

8B8B8B

999999

A5A5A5

B2B2B2

C0C0C0

Shades & Tints Shades & Tints

#AD7992

Dark

Light

#CE8380

Dark

Light

#E68A85

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ad7992;
  --color-2: #ce8380;
  --color-3: #e68a85;
  --color-4: #e2a480;
  --color-5: #daba9a;
}

SCSS

$color-1: #ad7992;
$color-2: #ce8380;
$color-3: #e68a85;
$color-4: #e2a480;
$color-5: #daba9a;

TAILWIND

colors: {
  'brand-1': '#ad7992',
  'brand-2': '#ce8380',
  'brand-3': '#e68a85',
  'brand-4': '#e2a480',
  'brand-5': '#daba9a',
}

RGB Array

[173, 121, 146], [206, 131, 128], [230, 138, 133], [226, 164, 128], [218, 186, 154]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #AD7992, #CE8380, #E68A85, #E2A480, #DABA9A is ideal for: health products, baby brands, fresh-style blogs. 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: #ad7992; --color-2: #ce8380; --color-3: #e68a85; --color-4: #e2a480; --color-5: #daba9a. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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 general-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