#DC275A + #C25B86 + #D29DA5 + #C8ECD2 + #F8EDD1 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#DC275A

Dark Violet · Crimson · Rose Pink

HEX

#DC275A

RGB

rgb(220, 39, 90)

HSL

hsl(343, 72%, 51%)

HSB

hsb(343, 82%, 86%)

CMYK

cmyk(0%, 82%, 59%, 14%)

Oklch

oklch(58.6% 0.213 11.8)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#C25B86

Dark Violet · LightCoral · Rose Pink

HEX

#C25B86

RGB

rgb(194, 91, 134)

HSL

hsl(335, 46%, 56%)

HSB

hsb(335, 53%, 76%)

CMYK

cmyk(0%, 53%, 31%, 24%)

Oklch

oklch(61.0% 0.140 355.8)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#D29DA5

Peach Pink · Tan · Coral Red

HEX

#D29DA5

RGB

rgb(210, 157, 165)

HSL

hsl(351, 37%, 72%)

HSB

hsb(351, 25%, 82%)

CMYK

cmyk(0%, 25%, 21%, 18%)

Oklch

oklch(74.8% 0.064 8.7)

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

#C8ECD2

Celadon · LightGray · Mint Green

HEX

#C8ECD2

RGB

rgb(200, 236, 210)

HSL

hsl(137, 49%, 85%)

HSB

hsb(137, 15%, 93%)

CMYK

cmyk(15%, 0%, 11%, 7%)

Oklch

oklch(91.0% 0.051 153.9)

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

#F8EDD1

Goose Yellow · Beige · Lemon Cream

HEX

#F8EDD1

RGB

rgb(248, 237, 209)

HSL

hsl(43, 74%, 90%)

HSB

hsb(43, 16%, 97%)

CMYK

cmyk(0%, 4%, 16%, 3%)

Oklch

oklch(94.8% 0.039 89.1)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DC275A

28DCA9

Analogous

DC28B5

DC275A

DC4F28

Triadic

DC275A

5BDC28

285BDC

Split-Comp.

DC275A

28DC4F

28B5DC

Tetradic

DC275A

B5DC28

28DCA9

4F28DC

Contrast Matrix WCAG 2.1 Contrast

DC275A	C25B86	D29DA5	C8ECD2	F8EDD1
—	1.1 Fail	2.0 Fail	3.7 AA Large	4.0 AA Large
1.1 Fail	—	1.8 Fail	3.2 AA Large	3.5 AA Large
2.0 Fail	1.8 Fail	—	1.8 Fail	2.0 Fail
3.7 AA Large	3.2 AA Large	1.8 Fail	—	1.1 Fail
4.0 AA Large	3.5 AA Large	2.0 Fail	1.1 Fail	—

White BG

4.7AA

4.1AA Large

2.3Fail

1.3Fail

1.2Fail

Black BG

4.5AA Large

5.1AA

9.1AAA

16.4AAA

18.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8E8C4E

95947C

BBBBA3

D8D8D8

F3F3D8

Deuteranopia

98A64B

9BA379

BEC2A3

D6D3DA

F4F5D9

Tritanopia

D34442

BD7372

CFA2A1

CADDDE

F7DDDE

Achromatopsia

636363

7F7F7F

AEAEAE

DEDEDE

EDEDED

Shades & Tints Shades & Tints

#DC275A

Dark

Light

#C25B86

Dark

Light

#D29DA5

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dc275a;
  --color-2: #c25b86;
  --color-3: #d29da5;
  --color-4: #c8ecd2;
  --color-5: #f8edd1;
}

SCSS

$color-1: #dc275a;
$color-2: #c25b86;
$color-3: #d29da5;
$color-4: #c8ecd2;
$color-5: #f8edd1;

TAILWIND

colors: {
  'brand-1': '#dc275a',
  'brand-2': '#c25b86',
  'brand-3': '#d29da5',
  'brand-4': '#c8ecd2',
  'brand-5': '#f8edd1',
}

RGB Array

[220, 39, 90], [194, 91, 134], [210, 157, 165], [200, 236, 210], [248, 237, 209]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DC275A, #C25B86, #D29DA5, #C8ECD2, #F8EDD1 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: #dc275a; --color-2: #c25b86; --color-3: #d29da5; --color-4: #c8ecd2; --color-5: #f8edd1. 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