#F16B83 + #EB98B7 + #F0C0CF + #EDDFDF + #E0F3D9 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#F16B83

Peach Pink · LightCoral · Coral Red

HEX

#F16B83

RGB

rgb(241, 107, 131)

HSL

hsl(349, 83%, 68%)

HSB

hsb(349, 56%, 95%)

CMYK

cmyk(0%, 56%, 46%, 5%)

Oklch

oklch(69.7% 0.166 11.4)

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

#EB98B7

Rouge · LightPink · Cherry Blossom

HEX

#EB98B7

RGB

rgb(235, 152, 183)

HSL

hsl(338, 67%, 76%)

HSB

hsb(338, 35%, 92%)

CMYK

cmyk(0%, 35%, 22%, 8%)

Oklch

oklch(77.2% 0.106 355.9)

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

#F0C0CF

Rouge · Pink · Cherry Blossom

HEX

#F0C0CF

RGB

rgb(240, 192, 207)

HSL

hsl(341, 62%, 85%)

HSB

hsb(341, 20%, 94%)

CMYK

cmyk(0%, 20%, 14%, 6%)

Oklch

oklch(85.4% 0.058 357.8)

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

#EDDFDF

Peach Pink · Linen · Cherry Blossom

HEX

#EDDFDF

RGB

rgb(237, 223, 223)

HSL

hsl(0, 28%, 90%)

HSB

hsb(0, 6%, 93%)

CMYK

cmyk(0%, 6%, 6%, 7%)

Oklch

oklch(91.5% 0.015 17.4)

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

#E0F3D9

Emerald · Beige · Mint Green

HEX

#E0F3D9

RGB

rgb(224, 243, 217)

HSL

hsl(104, 52%, 90%)

HSB

hsb(104, 11%, 95%)

CMYK

cmyk(8%, 0%, 11%, 5%)

Oklch

oklch(94.3% 0.040 137.2)

Traditional「Emerald」· Paint「Mint Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F16B83

6AF1D8

Analogous

F16AC6

F16B83

F1956A

Triadic

F16B83

83F16A

6A83F1

Split-Comp.

F16B83

6AF195

6AC6F1

Tetradic

F16B83

C6F16A

6AF1D8

956AF1

Contrast Matrix WCAG 2.1 Contrast

F16B83	EB98B7	F0C0CF	EDDFDF	E0F3D9
—	1.4 Fail	1.8 Fail	2.3 Fail	2.5 Fail
1.4 Fail	—	1.4 Fail	1.7 Fail	1.9 Fail
1.8 Fail	1.4 Fail	—	1.2 Fail	1.4 Fail
2.3 Fail	1.7 Fail	1.2 Fail	—	1.1 Fail
2.5 Fail	1.9 Fail	1.4 Fail	1.1 Fail	—

White BG

2.9Fail

2.2Fail

1.6Fail

1.3Fail

1.2Fail

Black BG

7.2AAA

9.7AAA

13.1AAA

16.2AAA

18.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B7B67D

C7C6AF

DBDBCB

E7E7DF

E8E8DF

Deuteranopia

BFC97C

CCD2AE

DEE2CA

E8E9DF

E7E6E1

Tritanopia

EA7978

E7AAA8

EEC9C8

ECDFDF

E1E4E5

Achromatopsia

969696

B4B4B4

D0D0D0

E3E3E3

EAEAEA

Shades & Tints Shades & Tints

#F16B83

Dark

Light

#EB98B7

Dark

Light

#F0C0CF

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f16b83;
  --color-2: #eb98b7;
  --color-3: #f0c0cf;
  --color-4: #eddfdf;
  --color-5: #e0f3d9;
}

SCSS

$color-1: #f16b83;
$color-2: #eb98b7;
$color-3: #f0c0cf;
$color-4: #eddfdf;
$color-5: #e0f3d9;

TAILWIND

colors: {
  'brand-1': '#f16b83',
  'brand-2': '#eb98b7',
  'brand-3': '#f0c0cf',
  'brand-4': '#eddfdf',
  'brand-5': '#e0f3d9',
}

RGB Array

[241, 107, 131], [235, 152, 183], [240, 192, 207], [237, 223, 223], [224, 243, 217]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F16B83, #EB98B7, #F0C0CF, #EDDFDF, #E0F3D9 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: #f16b83; --color-2: #eb98b7; --color-3: #f0c0cf; --color-4: #eddfdf; --color-5: #e0f3d9. 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