#F3CDCA + #CDAC77 + #A36E74 + #CE869E + #DEB2C1 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#F3CDCA

Peach Pink · Pink · Cherry Blossom

HEX

#F3CDCA

RGB

rgb(243, 205, 202)

HSL

hsl(4, 63%, 87%)

HSB

hsb(4, 17%, 95%)

CMYK

cmyk(0%, 16%, 17%, 5%)

Oklch

oklch(88.0% 0.043 23.3)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#CDAC77

Ginger · Tan · Warm Sun

HEX

#CDAC77

RGB

rgb(205, 172, 119)

HSL

hsl(37, 46%, 64%)

HSB

hsb(37, 42%, 80%)

CMYK

cmyk(0%, 16%, 42%, 20%)

Oklch

oklch(76.1% 0.080 79.0)

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

#A36E74

Crimson · Gray · Passion Red

HEX

#A36E74

RGB

rgb(163, 110, 116)

HSL

hsl(353, 22%, 54%)

HSB

hsb(353, 33%, 64%)

CMYK

cmyk(0%, 33%, 29%, 36%)

Oklch

oklch(59.5% 0.068 11.9)

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

#CE869E

Rouge · LightCoral · Rose Pink

HEX

#CE869E

RGB

rgb(206, 134, 158)

HSL

hsl(340, 42%, 67%)

HSB

hsb(340, 35%, 81%)

CMYK

cmyk(0%, 35%, 23%, 19%)

Oklch

oklch(70.1% 0.093 358.2)

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

#DEB2C1

Rouge · Silver · Cherry Blossom

HEX

#DEB2C1

RGB

rgb(222, 178, 193)

HSL

hsl(340, 40%, 78%)

HSB

hsb(340, 20%, 87%)

CMYK

cmyk(0%, 20%, 13%, 13%)

Oklch

oklch(80.7% 0.054 356.0)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F3CDCA

C9F0F3

Analogous

F3C9DB

F3CDCA

F3E1C9

Triadic

F3CDCA

C9F3CC

CCC9F3

Split-Comp.

F3CDCA

C9F3E1

C9DBF3

Tetradic

F3CDCA

DBF3C9

C9F0F3

E1C9F3

Contrast Matrix WCAG 2.1 Contrast

F3CDCA	CDAC77	A36E74	CE869E	DEB2C1
—	1.5 Fail	2.9 Fail	1.9 Fail	1.3 Fail
1.5 Fail	—	1.9 Fail	1.3 Fail	1.2 Fail
2.9 Fail	1.9 Fail	—	1.5 Fail	2.2 Fail
1.9 Fail	1.3 Fail	1.5 Fail	—	1.5 Fail
1.3 Fail	1.2 Fail	2.2 Fail	1.5 Fail	—

White BG

1.5Fail

2.2Fail

4.2AA Large

2.8Fail

1.9Fail

Black BG

14.4AAA

9.8AAA

5.0AA

7.5AAA

11.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E3E2CB

BFBE84

8C8C73

AFAE98

CBCBBD

Deuteranopia

E5E8CB

C1C387

8F9372

B3B897

CED1BD

Tritanopia

F1CBCB

CB8E90

A07171

CA9493

DCBBBA

Achromatopsia

D8D8D8

B0B0B0

7F7F7F

9E9E9E

C1C1C1

Shades & Tints Shades & Tints

#F3CDCA

Dark

Light

#CDAC77

Dark

Light

#A36E74

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f3cdca;
  --color-2: #cdac77;
  --color-3: #a36e74;
  --color-4: #ce869e;
  --color-5: #deb2c1;
}

SCSS

$color-1: #f3cdca;
$color-2: #cdac77;
$color-3: #a36e74;
$color-4: #ce869e;
$color-5: #deb2c1;

TAILWIND

colors: {
  'brand-1': '#f3cdca',
  'brand-2': '#cdac77',
  'brand-3': '#a36e74',
  'brand-4': '#ce869e',
  'brand-5': '#deb2c1',
}

RGB Array

[243, 205, 202], [205, 172, 119], [163, 110, 116], [206, 134, 158], [222, 178, 193]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F3CDCA, #CDAC77, #A36E74, #CE869E, #DEB2C1 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: #f3cdca; --color-2: #cdac77; --color-3: #a36e74; --color-4: #ce869e; --color-5: #deb2c1. 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