#DE6868 + #DE8668 + #DEA368 + #F7D5AD + #AEBFB6 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#DE6868

Peach Pink · Salmon · Coral Red

HEX

#DE6868

RGB

rgb(222, 104, 104)

HSL

hsl(0, 64%, 64%)

HSB

hsb(0, 53%, 87%)

CMYK

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

Oklch

oklch(65.9% 0.148 22.0)

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

#DE8668

Apricot · DarkSalmon · Warm Sun

HEX

#DE8668

RGB

rgb(222, 134, 104)

HSL

hsl(15, 64%, 64%)

HSB

hsb(15, 53%, 87%)

CMYK

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

Oklch

oklch(70.7% 0.117 39.5)

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

#DEA368

Ginger · SandyBrown · Warm Sun

HEX

#DEA368

RGB

rgb(222, 163, 104)

HSL

hsl(30, 64%, 64%)

HSB

hsb(30, 53%, 87%)

CMYK

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

Oklch

oklch(75.9% 0.103 65.2)

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

#F7D5AD

Goose Yellow · Wheat · Peach Orange

HEX

#F7D5AD

RGB

rgb(247, 213, 173)

HSL

hsl(32, 82%, 82%)

HSB

hsb(32, 30%, 97%)

CMYK

cmyk(0%, 14%, 30%, 3%)

Oklch

oklch(89.2% 0.065 71.4)

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

#AEBFB6

Celadon · Silver · Apple Green

HEX

#AEBFB6

RGB

rgb(174, 191, 182)

HSL

hsl(148, 12%, 72%)

HSB

hsb(148, 9%, 75%)

CMYK

cmyk(9%, 0%, 5%, 25%)

Oklch

oklch(78.9% 0.023 162.9)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DE6868

68DEDE

Analogous

DE68A3

DE6868

DEA368

Triadic

DE6868

68DE68

6868DE

Split-Comp.

DE6868

68DEA3

68A3DE

Tetradic

DE6868

A3DE68

68DEDE

A368DE

Contrast Matrix WCAG 2.1 Contrast

DE6868	DE8668	DEA368	F7D5AD	AEBFB6
—	1.2 Fail	1.5 Fail	2.4 Fail	1.7 Fail
1.2 Fail	—	1.2 Fail	2.0 Fail	1.4 Fail
1.5 Fail	1.2 Fail	—	1.6 Fail	1.1 Fail
2.4 Fail	2.0 Fail	1.6 Fail	—	1.4 Fail
1.7 Fail	1.4 Fail	1.1 Fail	1.4 Fail	—

White BG

3.3AA Large

2.7Fail

2.2Fail

1.4Fail

1.9Fail

Black BG

6.3AA

7.7AAA

9.5AAA

15.1AAA

10.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ABAA68

B8B76F

C4C476

E8E8B7

B5B6B8

Deuteranopia

B2BB68

BDC471

C8CC7A

EAEDB9

B4B3B9

Tritanopia

D86868

DA7576

DB8284

F5BEC0

AFBABA

Achromatopsia

8B8B8B

9D9D9D

AEAEAE

DBDBDB

B9B9B9

Shades & Tints Shades & Tints

#DE6868

Dark

Light

#DE8668

Dark

Light

#DEA368

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #de6868;
  --color-2: #de8668;
  --color-3: #dea368;
  --color-4: #f7d5ad;
  --color-5: #aebfb6;
}

SCSS

$color-1: #de6868;
$color-2: #de8668;
$color-3: #dea368;
$color-4: #f7d5ad;
$color-5: #aebfb6;

TAILWIND

colors: {
  'brand-1': '#de6868',
  'brand-2': '#de8668',
  'brand-3': '#dea368',
  'brand-4': '#f7d5ad',
  'brand-5': '#aebfb6',
}

RGB Array

[222, 104, 104], [222, 134, 104], [222, 163, 104], [247, 213, 173], [174, 191, 182]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DE6868, #DE8668, #DEA368, #F7D5AD, #AEBFB6 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: #de6868; --color-2: #de8668; --color-3: #dea368; --color-4: #f7d5ad; --color-5: #aebfb6. 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