#895562 + #C4697A + #EF8889 + #FBAD97 + #E3CDB6 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#895562

Crimson · DimGray · Passion Red

HEX

#895562

RGB

rgb(137, 85, 98)

HSL

hsl(345, 23%, 44%)

HSB

hsb(345, 38%, 54%)

CMYK

cmyk(0%, 38%, 28%, 46%)

Oklch

oklch(51.2% 0.071 3.7)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#C4697A

Crimson · LightCoral · Passion Red

HEX

#C4697A

RGB

rgb(196, 105, 122)

HSL

hsl(349, 44%, 59%)

HSB

hsb(349, 46%, 77%)

CMYK

cmyk(0%, 46%, 38%, 23%)

Oklch

oklch(63.0% 0.117 9.1)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#EF8889

Peach Pink · LightCoral · Coral Red

HEX

#EF8889

RGB

rgb(239, 136, 137)

HSL

hsl(359, 76%, 74%)

HSB

hsb(359, 43%, 94%)

CMYK

cmyk(0%, 43%, 43%, 6%)

Oklch

oklch(73.8% 0.126 19.9)

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

#FBAD97

Peach Pink · LightSalmon · Coral Red

HEX

#FBAD97

RGB

rgb(251, 173, 151)

HSL

hsl(13, 93%, 79%)

HSB

hsb(13, 40%, 98%)

CMYK

cmyk(0%, 31%, 40%, 2%)

Oklch

oklch(81.7% 0.097 36.4)

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

#E3CDB6

Goose Yellow · Wheat · Peach Orange

HEX

#E3CDB6

RGB

rgb(227, 205, 182)

HSL

hsl(31, 45%, 80%)

HSB

hsb(31, 20%, 89%)

CMYK

cmyk(0%, 10%, 20%, 11%)

Oklch

oklch(86.1% 0.040 68.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

895562

568A7D

Analogous

8A567D

895562

8A6356

Triadic

895562

638A56

56638A

Split-Comp.

895562

568A63

567D8A

Tetradic

895562

7D8A56

568A7D

63568A

Contrast Matrix WCAG 2.1 Contrast

895562	C4697A	EF8889	FBAD97	E3CDB6
—	1.6 Fail	2.4 Fail	3.3 AA Large	3.9 AA Large
1.6 Fail	—	1.5 Fail	2.0 Fail	2.4 Fail
2.4 Fail	1.5 Fail	—	1.3 Fail	1.6 Fail
3.3 AA Large	2.0 Fail	1.3 Fail	—	1.2 Fail
3.9 AA Large	2.4 Fail	1.6 Fail	1.2 Fail	—

White BG

5.9AA

3.7AA Large

2.5Fail

1.8Fail

1.5Fail

Black BG

3.5AA Large

5.6AA

8.6AAA

11.5AAA

13.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

72725F

9D9C76

C2C189

D9D99C

D9D9BC

Deuteranopia

76795E

A2A975

C8D089

DEE49E

DBDCBD

Tritanopia

865C5C

BF7372

EA8989

F7A1A1

E2C0C1

Achromatopsia

666666

868686

A7A7A7

C2C2C2

D1D1D1

Shades & Tints Shades & Tints

#895562

Dark

Light

#C4697A

Dark

Light

#EF8889

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #895562;
  --color-2: #c4697a;
  --color-3: #ef8889;
  --color-4: #fbad97;
  --color-5: #e3cdb6;
}

SCSS

$color-1: #895562;
$color-2: #c4697a;
$color-3: #ef8889;
$color-4: #fbad97;
$color-5: #e3cdb6;

TAILWIND

colors: {
  'brand-1': '#895562',
  'brand-2': '#c4697a',
  'brand-3': '#ef8889',
  'brand-4': '#fbad97',
  'brand-5': '#e3cdb6',
}

RGB Array

[137, 85, 98], [196, 105, 122], [239, 136, 137], [251, 173, 151], [227, 205, 182]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #895562, #C4697A, #EF8889, #FBAD97, #E3CDB6 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: #895562; --color-2: #c4697a; --color-3: #ef8889; --color-4: #fbad97; --color-5: #e3cdb6. 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