#AC4761 + #E76471 + #EB9B85 + #E8C3A1 + #C0CFBE - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#AC4761

Crimson · Sienna · Passion Red

HEX

#AC4761

RGB

rgb(172, 71, 97)

HSL

hsl(345, 42%, 48%)

HSB

hsb(345, 59%, 67%)

CMYK

cmyk(0%, 59%, 44%, 33%)

Oklch

oklch(53.8% 0.134 6.7)

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

#E76471

Peach Pink · LightCoral · Coral Red

HEX

#E76471

RGB

rgb(231, 100, 113)

HSL

hsl(354, 73%, 65%)

HSB

hsb(354, 57%, 91%)

CMYK

cmyk(0%, 57%, 51%, 9%)

Oklch

oklch(66.9% 0.163 16.6)

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

#EB9B85

Peach Pink · DarkSalmon · Coral Red

HEX

#EB9B85

RGB

rgb(235, 155, 133)

HSL

hsl(13, 72%, 72%)

HSB

hsb(13, 43%, 92%)

CMYK

cmyk(0%, 34%, 43%, 8%)

Oklch

oklch(76.4% 0.102 36.1)

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

#E8C3A1

Apricot · BurlyWood · Peach Orange

HEX

#E8C3A1

RGB

rgb(232, 195, 161)

HSL

hsl(29, 61%, 77%)

HSB

hsb(29, 31%, 91%)

CMYK

cmyk(0%, 16%, 31%, 9%)

Oklch

oklch(84.1% 0.062 64.4)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#C0CFBE

Celadon · Silver · Apple Green

HEX

#C0CFBE

RGB

rgb(192, 207, 190)

HSL

hsl(113, 15%, 78%)

HSB

hsb(113, 8%, 81%)

CMYK

cmyk(7%, 0%, 8%, 19%)

Oklch

oklch(83.8% 0.028 142.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AC4761

47AE94

Analogous

AE4794

AC4761

AE6147

Triadic

AC4761

61AE47

4761AE

Split-Comp.

AC4761

47AE61

4794AE

Tetradic

AC4761

94AE47

47AE94

6147AE

Contrast Matrix WCAG 2.1 Contrast

AC4761	E76471	EB9B85	E8C3A1	C0CFBE
—	1.7 Fail	2.5 Fail	3.3 AA Large	3.4 AA Large
1.7 Fail	—	1.5 Fail	2.0 Fail	2.0 Fail
2.5 Fail	1.5 Fail	—	1.3 Fail	1.4 Fail
3.3 AA Large	2.0 Fail	1.3 Fail	—	1.0 Fail
3.4 AA Large	2.0 Fail	1.4 Fail	1.0 Fail	—

White BG

5.5AA

3.3AA Large

2.2Fail

1.6Fail

Black BG

3.8AA Large

6.5AA

9.6AAA

12.8AAA

12.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

807F5B

AEAD6E

C8C88A

D8D8A9

C6C7C2

Deuteranopia

868E59

B6C06D

CDD38C

DADDAB

C6C4C3

Tritanopia

A75655

E06B6B

E78F8F

E6B0B1

C1C5C6

Achromatopsia

686868

8D8D8D

B0B0B0

CACACA

C9C9C9

Shades & Tints Shades & Tints

#AC4761

Dark

Light

#E76471

Dark

Light

#EB9B85

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ac4761;
  --color-2: #e76471;
  --color-3: #eb9b85;
  --color-4: #e8c3a1;
  --color-5: #c0cfbe;
}

SCSS

$color-1: #ac4761;
$color-2: #e76471;
$color-3: #eb9b85;
$color-4: #e8c3a1;
$color-5: #c0cfbe;

TAILWIND

colors: {
  'brand-1': '#ac4761',
  'brand-2': '#e76471',
  'brand-3': '#eb9b85',
  'brand-4': '#e8c3a1',
  'brand-5': '#c0cfbe',
}

RGB Array

[172, 71, 97], [231, 100, 113], [235, 155, 133], [232, 195, 161], [192, 207, 190]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #AC4761, #E76471, #EB9B85, #E8C3A1, #C0CFBE 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: #ac4761; --color-2: #e76471; --color-3: #eb9b85; --color-4: #e8c3a1; --color-5: #c0cfbe. 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