#F6E2CA + #E6CEC2 + #EABCBC + #FEB1C5 + #BEA3AA - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#F6E2CA

Goose Yellow · Bisque · Peach Orange

HEX

#F6E2CA

RGB

rgb(246, 226, 202)

HSL

hsl(33, 71%, 88%)

HSB

hsb(33, 18%, 96%)

CMYK

cmyk(0%, 8%, 18%, 4%)

Oklch

oklch(92.3% 0.039 72.4)

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

#E6CEC2

Apricot · LightGray · Peach Orange

HEX

#E6CEC2

RGB

rgb(230, 206, 194)

HSL

hsl(20, 42%, 83%)

HSB

hsb(20, 16%, 90%)

CMYK

cmyk(0%, 10%, 16%, 10%)

Oklch

oklch(86.8% 0.032 48.3)

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

#EABCBC

Peach Pink · LightPink · Cherry Blossom

HEX

#EABCBC

RGB

rgb(234, 188, 188)

HSL

hsl(0, 52%, 83%)

HSB

hsb(0, 20%, 92%)

CMYK

cmyk(0%, 20%, 20%, 8%)

Oklch

oklch(83.6% 0.053 18.3)

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

#FEB1C5

Rouge · LightPink · Cherry Blossom

HEX

#FEB1C5

RGB

rgb(254, 177, 197)

HSL

hsl(344, 97%, 85%)

HSB

hsb(344, 30%, 100%)

CMYK

cmyk(0%, 30%, 22%, 0%)

Oklch

oklch(83.9% 0.093 2.3)

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

#BEA3AA

Rouge · DarkGray · Rose Pink

HEX

#BEA3AA

RGB

rgb(190, 163, 170)

HSL

hsl(344, 17%, 69%)

HSB

hsb(344, 14%, 75%)

CMYK

cmyk(0%, 14%, 11%, 25%)

Oklch

oklch(74.1% 0.033 0.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F6E2CA

CBDEF6

Analogous

F6CDCB

F6E2CA

F4F6CB

Triadic

F6E2CA

CBF6E3

E3CBF6

Split-Comp.

F6E2CA

CBF4F6

CDCBF6

Tetradic

F6E2CA

CBF6CD

CBDEF6

F6CBF4

Contrast Matrix WCAG 2.1 Contrast

F6E2CA	E6CEC2	EABCBC	FEB1C5	BEA3AA
—	1.2 Fail	1.3 Fail	1.4 Fail	1.8 Fail
1.2 Fail	—	1.1 Fail	1.1 Fail	1.6 Fail
1.3 Fail	1.1 Fail	—	1.0 Fail	1.4 Fail
1.4 Fail	1.1 Fail	1.0 Fail	—	1.4 Fail
1.8 Fail	1.6 Fail	1.4 Fail	1.4 Fail	—

White BG

1.3Fail

1.5Fail

1.7Fail

2.3Fail

Black BG

16.6AAA

14.0AAA

12.4AAA

12.3AAA

9.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EDEDD0

DCDBC5

D6D6BC

DDDCC0

B2B2A8

Deuteranopia

EFF0D1

DDDFC6

D9DCBC

E1E7BF

B4B6A8

Tritanopia

F5D4D5

E5C7C8

E8BCBC

FABCBC

BDA7A7

Achromatopsia

E5E5E5

D4D4D4

CACACA

ACACAC

Shades & Tints Shades & Tints

#F6E2CA

Dark

Light

#E6CEC2

Dark

Light

#EABCBC

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f6e2ca;
  --color-2: #e6cec2;
  --color-3: #eabcbc;
  --color-4: #feb1c5;
  --color-5: #bea3aa;
}

SCSS

$color-1: #f6e2ca;
$color-2: #e6cec2;
$color-3: #eabcbc;
$color-4: #feb1c5;
$color-5: #bea3aa;

TAILWIND

colors: {
  'brand-1': '#f6e2ca',
  'brand-2': '#e6cec2',
  'brand-3': '#eabcbc',
  'brand-4': '#feb1c5',
  'brand-5': '#bea3aa',
}

RGB Array

[246, 226, 202], [230, 206, 194], [234, 188, 188], [254, 177, 197], [190, 163, 170]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F6E2CA, #E6CEC2, #EABCBC, #FEB1C5, #BEA3AA 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: #f6e2ca; --color-2: #e6cec2; --color-3: #eabcbc; --color-4: #feb1c5; --color-5: #bea3aa. 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