#C55152 + #F7FFDE + #D7E0B7 + #ACBD93 + #CF5851 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#C55152

Crimson · Sienna · Passion Red

HEX

#C55152

RGB

rgb(197, 81, 82)

HSL

hsl(359, 50%, 55%)

HSB

hsb(359, 59%, 77%)

CMYK

cmyk(0%, 59%, 58%, 23%)

Oklch

oklch(58.6% 0.149 22.3)

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

#F7FFDE

Willow Green · LightYellow · Mint Green

HEX

#F7FFDE

RGB

rgb(247, 255, 222)

HSL

hsl(75, 100%, 94%)

HSB

hsb(75, 13%, 100%)

CMYK

cmyk(3%, 0%, 13%, 0%)

Oklch

oklch(98.5% 0.044 118.3)

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

#D7E0B7

Willow Green · Wheat · Apple Green

HEX

#D7E0B7

RGB

rgb(215, 224, 183)

HSL

hsl(73, 40%, 80%)

HSB

hsb(73, 18%, 88%)

CMYK

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

Oklch

oklch(88.9% 0.055 117.6)

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

#ACBD93

Willow Green · DarkSeaGreen · Apple Green

HEX

#ACBD93

RGB

rgb(172, 189, 147)

HSL

hsl(84, 24%, 66%)

HSB

hsb(84, 22%, 74%)

CMYK

cmyk(9%, 0%, 22%, 26%)

Oklch

oklch(77.4% 0.061 125.7)

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

#CF5851

Crimson · Tomato · Passion Red

HEX

#CF5851

RGB

rgb(207, 88, 81)

HSL

hsl(3, 57%, 56%)

HSB

hsb(3, 61%, 81%)

CMYK

cmyk(0%, 57%, 61%, 19%)

Oklch

oklch(61.1% 0.153 25.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C55152

53C6C4

Analogous

C6538E

C55152

C68A53

Triadic

C55152

55C653

5355C6

Split-Comp.

C55152

53C68A

538EC6

Tetradic

C55152

8EC653

53C6C4

8A53C6

Contrast Matrix WCAG 2.1 Contrast

C55152	F7FFDE	D7E0B7	ACBD93	CF5851
—	4.3 AA Large	3.3 AA Large	2.2 Fail	1.1 Fail
4.3 AA Large	—	1.3 Fail	1.9 Fail	3.9 AA Large
3.3 AA Large	1.3 Fail	—	1.5 Fail	2.9 Fail
2.2 Fail	1.9 Fail	1.5 Fail	—	2.0 Fail
1.1 Fail	3.9 AA Large	2.9 Fail	2.0 Fail	—

White BG

4.5AA Large

1.0Fail

1.4Fail

2.0Fail

4.1AA Large

Black BG

4.7AA

20.3AAA

15.2AAA

10.5AAA

5.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

939252

FAFBE6

DBDBC1

B3B49D

9B9A53

Deuteranopia

9AA252

FAF9E8

DADAC3

B2B1A0

A2AB53

Tritanopia

BF5252

F7ECEE

D7C9CA

ADA5A7

C95454

Achromatopsia

747474

F9F9F9

D9D9D9

B3B3B3

7B7B7B

Shades & Tints Shades & Tints

#C55152

Dark

Light

#F7FFDE

Dark

Light

#D7E0B7

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c55152;
  --color-2: #f7ffde;
  --color-3: #d7e0b7;
  --color-4: #acbd93;
  --color-5: #cf5851;
}

SCSS

$color-1: #c55152;
$color-2: #f7ffde;
$color-3: #d7e0b7;
$color-4: #acbd93;
$color-5: #cf5851;

TAILWIND

colors: {
  'brand-1': '#c55152',
  'brand-2': '#f7ffde',
  'brand-3': '#d7e0b7',
  'brand-4': '#acbd93',
  'brand-5': '#cf5851',
}

RGB Array

[197, 81, 82], [247, 255, 222], [215, 224, 183], [172, 189, 147], [207, 88, 81]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C55152, #F7FFDE, #D7E0B7, #ACBD93, #CF5851 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: #c55152; --color-2: #f7ffde; --color-3: #d7e0b7; --color-4: #acbd93; --color-5: #cf5851. 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