#F93D6F + #957775 + #C8ADA6 + #E0D4D6 + #EBE6EC · bright - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#F93D6F

Rouge · DeepPink · Rose Pink

HEX

#F93D6F

RGB

rgb(249, 61, 111)

HSL

hsl(344, 94%, 61%)

HSB

hsb(344, 76%, 98%)

CMYK

cmyk(0%, 76%, 55%, 2%)

Oklch

oklch(65.5% 0.223 10.8)

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

#957775

Crimson · Gray · Passion Red

HEX

#957775

RGB

rgb(149, 119, 117)

HSL

hsl(4, 13%, 52%)

HSB

hsb(4, 21%, 58%)

CMYK

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

Oklch

oklch(59.7% 0.038 22.7)

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

#C8ADA6

Peach Pink · Tan · Coral Red

HEX

#C8ADA6

RGB

rgb(200, 173, 166)

HSL

hsl(12, 24%, 72%)

HSB

hsb(12, 17%, 78%)

CMYK

cmyk(0%, 13%, 17%, 22%)

Oklch

oklch(76.9% 0.033 34.9)

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

#E0D4D6

Peach Pink · LightGray · Cherry Blossom

HEX

#E0D4D6

RGB

rgb(224, 212, 214)

HSL

hsl(350, 16%, 85%)

HSB

hsb(350, 5%, 88%)

CMYK

cmyk(0%, 5%, 4%, 12%)

Oklch

oklch(88.0% 0.014 5.8)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#EBE6EC

Lilac · Lavender · Lavender

HEX

#EBE6EC

RGB

rgb(235, 230, 236)

HSL

hsl(290, 14%, 91%)

HSB

hsb(290, 3%, 93%)

CMYK

cmyk(0%, 3%, 0%, 7%)

Oklch

oklch(93.1% 0.010 320.5)

Traditional「Lilac」· Paint「Lavender」· Creative Lavender Dream

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F93D6F

3EF9C7

Analogous

F93ECD

F93D6F

F96A3E

Triadic

F93D6F

70F93E

3E70F9

Split-Comp.

F93D6F

3EF96A

3ECDF9

Tetradic

F93D6F

CDF93E

3EF9C7

6A3EF9

Contrast Matrix WCAG 2.1 Contrast

F93D6F	957775	C8ADA6	E0D4D6	EBE6EC
—	1.1 Fail	1.7 Fail	2.5 Fail	2.9 Fail
1.1 Fail	—	1.9 Fail	2.8 Fail	3.3 AA Large
1.7 Fail	1.9 Fail	—	1.5 Fail	1.7 Fail
2.5 Fail	2.8 Fail	1.5 Fail	—	1.2 Fail
2.9 Fail	3.3 AA Large	1.7 Fail	1.2 Fail	—

White BG

3.5AA Large

4.1AA Large

2.1Fail

1.4Fail

1.2Fail

Black BG

5.9AA

5.2AA

10.0AAA

14.6AAA

17.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A8A663

888875

BCBCA8

DBDBD6

E9E9EB

Deuteranopia

B3C160

8A8C76

BEC0A8

DCDCD5

E9EAEA

Tritanopia

F05957

937676

C7A9A9

DFD5D5

EBE9E9

Achromatopsia

7B7B7B

808080

B4B4B4

D8D8D8

E8E8E8

Shades & Tints Shades & Tints

#F93D6F

Dark

Light

#957775

Dark

Light

#C8ADA6

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f93d6f;
  --color-2: #957775;
  --color-3: #c8ada6;
  --color-4: #e0d4d6;
  --color-5: #ebe6ec;
}

SCSS

$color-1: #f93d6f;
$color-2: #957775;
$color-3: #c8ada6;
$color-4: #e0d4d6;
$color-5: #ebe6ec;

TAILWIND

colors: {
  'brand-1': '#f93d6f',
  'brand-2': '#957775',
  'brand-3': '#c8ada6',
  'brand-4': '#e0d4d6',
  'brand-5': '#ebe6ec',
}

RGB Array

[249, 61, 111], [149, 119, 117], [200, 173, 166], [224, 212, 214], [235, 230, 236]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This bright-style palette of #F93D6F, #957775, #C8ADA6, #E0D4D6, #EBE6EC 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: #f93d6f; --color-2: #957775; --color-3: #c8ada6; --color-4: #e0d4d6; --color-5: #ebe6ec. 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 bright-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