#C43561 + #E37461 + #D6DA86 + #C7E8CB + #93DDCE - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#C43561

Dark Violet · MediumVioletRed · Camellia

HEX

#C43561

RGB

rgb(196, 53, 97)

HSL

hsl(342, 57%, 49%)

HSB

hsb(342, 73%, 77%)

CMYK

cmyk(0%, 73%, 51%, 23%)

Oklch

oklch(55.6% 0.181 7.0)

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

#E37461

Peach Pink · Salmon · Coral Red

HEX

#E37461

RGB

rgb(227, 116, 97)

HSL

hsl(9, 70%, 64%)

HSB

hsb(9, 57%, 89%)

CMYK

cmyk(0%, 49%, 57%, 11%)

Oklch

oklch(68.3% 0.142 31.1)

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

#D6DA86

Fresh Green · Khaki · Sunflower

HEX

#D6DA86

RGB

rgb(214, 218, 134)

HSL

hsl(63, 53%, 69%)

HSB

hsb(63, 39%, 85%)

CMYK

cmyk(2%, 0%, 39%, 15%)

Oklch

oklch(86.7% 0.107 110.8)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#C7E8CB

Celadon · LightGray · Mint Green

HEX

#C7E8CB

RGB

rgb(199, 232, 203)

HSL

hsl(127, 42%, 85%)

HSB

hsb(127, 14%, 91%)

CMYK

cmyk(14%, 0%, 13%, 9%)

Oklch

oklch(89.9% 0.052 148.6)

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

#93DDCE

Jade · SkyBlue · Lake Green

HEX

#93DDCE

RGB

rgb(147, 221, 206)

HSL

hsl(168, 52%, 72%)

HSB

hsb(168, 33%, 87%)

CMYK

cmyk(33%, 0%, 7%, 13%)

Oklch

oklch(84.5% 0.077 180.2)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C43561

36C499

Analogous

C436A8

C43561

C45236

Triadic

C43561

60C436

3660C4

Split-Comp.

C43561

36C452

36A8C4

Tetradic

C43561

A8C436

36C499

5236C4

Contrast Matrix WCAG 2.1 Contrast

C43561	E37461	D6DA86	C7E8CB	93DDCE
—	1.7 Fail	3.5 AA Large	3.9 AA Large	3.3 AA Large
1.7 Fail	—	2.1 Fail	2.3 Fail	1.9 Fail
3.5 AA Large	2.1 Fail	—	1.1 Fail	1.1 Fail
3.9 AA Large	2.3 Fail	1.1 Fail	—	1.2 Fail
3.3 AA Large	1.9 Fail	1.1 Fail	1.2 Fail	—

White BG

5.2AA

3.0AA Large

1.5Fail

1.3Fail

1.6Fail

Black BG

4.0AA Large

6.9AA

14.2AAA

15.8AAA

13.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

868556

B3B266

D8D89A

D5D6D2

B3B4D2

Deuteranopia

8E9954

B9C267

D8D79F

D3D1D4

AFA9D3

Tritanopia

BD4E4C

DD696A

D6AAAE

C9D8D9

97D4D5

Achromatopsia

656565

939393

CFCFCF

DBDBDB

C5C5C5

Shades & Tints Shades & Tints

#C43561

Dark

Light

#E37461

Dark

Light

#D6DA86

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c43561;
  --color-2: #e37461;
  --color-3: #d6da86;
  --color-4: #c7e8cb;
  --color-5: #93ddce;
}

SCSS

$color-1: #c43561;
$color-2: #e37461;
$color-3: #d6da86;
$color-4: #c7e8cb;
$color-5: #93ddce;

TAILWIND

colors: {
  'brand-1': '#c43561',
  'brand-2': '#e37461',
  'brand-3': '#d6da86',
  'brand-4': '#c7e8cb',
  'brand-5': '#93ddce',
}

RGB Array

[196, 53, 97], [227, 116, 97], [214, 218, 134], [199, 232, 203], [147, 221, 206]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C43561, #E37461, #D6DA86, #C7E8CB, #93DDCE 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: #c43561; --color-2: #e37461; --color-3: #d6da86; --color-4: #c7e8cb; --color-5: #93ddce. 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