#FC0243 + #DB7C8E + #D0A7A8 + #C6CBBE + #BFE4CD - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#FC0243

Dark Violet · Crimson · Camellia

HEX

#FC0243

RGB

rgb(252, 2, 67)

HSL

hsl(344, 98%, 50%)

HSB

hsb(344, 99%, 99%)

CMYK

cmyk(0%, 99%, 73%, 1%)

Oklch

oklch(62.7% 0.251 20.0)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#DB7C8E

Peach Pink · LightCoral · Coral Red

HEX

#DB7C8E

RGB

rgb(219, 124, 142)

HSL

hsl(349, 57%, 67%)

HSB

hsb(349, 43%, 86%)

CMYK

cmyk(0%, 43%, 35%, 14%)

Oklch

oklch(69.5% 0.119 8.5)

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

#D0A7A8

Peach Pink · Tan · Coral Red

HEX

#D0A7A8

RGB

rgb(208, 167, 168)

HSL

hsl(359, 30%, 74%)

HSB

hsb(359, 20%, 82%)

CMYK

cmyk(0%, 20%, 19%, 18%)

Oklch

oklch(76.6% 0.048 16.6)

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

#C6CBBE

Willow Green · Silver · Apple Green

HEX

#C6CBBE

RGB

rgb(198, 203, 190)

HSL

hsl(83, 11%, 77%)

HSB

hsb(83, 6%, 80%)

CMYK

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

Oklch

oklch(83.5% 0.019 124.0)

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

#BFE4CD

Celadon · LightGray · Mint Green

HEX

#BFE4CD

RGB

rgb(191, 228, 205)

HSL

hsl(143, 41%, 82%)

HSB

hsb(143, 16%, 89%)

CMYK

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

Oklch

oklch(88.6% 0.050 157.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FC0243

03FCBA

Analogous

FC03C2

FC0243

FC3D03

Triadic

FC0243

45FC03

0345FC

Split-Comp.

FC0243

03FC3D

03C2FC

Tetradic

FC0243

C2FC03

03FCBA

3D03FC

Contrast Matrix WCAG 2.1 Contrast

FC0243	DB7C8E	D0A7A8	C6CBBE	BFE4CD
—	1.4 Fail	1.9 Fail	2.4 Fail	2.9 Fail
1.4 Fail	—	1.3 Fail	1.7 Fail	2.1 Fail
1.9 Fail	1.3 Fail	—	1.3 Fail	1.6 Fail
2.4 Fail	1.7 Fail	1.3 Fail	—	1.2 Fail
2.9 Fail	2.1 Fail	1.6 Fail	1.2 Fail	—

White BG

4.0AA Large

2.9Fail

2.1Fail

1.7Fail

1.4Fail

Black BG

5.2AA

7.3AAA

9.8AAA

12.7AAA

15.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

908E33

B2B18A

BEBEA8

C8C8C1

CFCFD3

Deuteranopia

9EB130

B7BE89

C1C4A8

C8C8C2

CDCAD4

Tritanopia

EF2724

D68685

CEA8A8

C6C4C4

C1D7D8

Achromatopsia

545454

9A9A9A

B3B3B3

C8C8C8

D6D6D6

Shades & Tints Shades & Tints

#FC0243

Dark

Light

#DB7C8E

Dark

Light

#D0A7A8

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fc0243;
  --color-2: #db7c8e;
  --color-3: #d0a7a8;
  --color-4: #c6cbbe;
  --color-5: #bfe4cd;
}

SCSS

$color-1: #fc0243;
$color-2: #db7c8e;
$color-3: #d0a7a8;
$color-4: #c6cbbe;
$color-5: #bfe4cd;

TAILWIND

colors: {
  'brand-1': '#fc0243',
  'brand-2': '#db7c8e',
  'brand-3': '#d0a7a8',
  'brand-4': '#c6cbbe',
  'brand-5': '#bfe4cd',
}

RGB Array

[252, 2, 67], [219, 124, 142], [208, 167, 168], [198, 203, 190], [191, 228, 205]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FC0243, #DB7C8E, #D0A7A8, #C6CBBE, #BFE4CD 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: #fc0243; --color-2: #db7c8e; --color-3: #d0a7a8; --color-4: #c6cbbe; --color-5: #bfe4cd. 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