#997165 + #FF6397 + #F5CAC3 + #F3EED5 + #C6E6CE - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#997165

Crimson · Gray · Passion Red

HEX

#997165

RGB

rgb(153, 113, 101)

HSL

hsl(14, 20%, 50%)

HSB

hsb(14, 34%, 60%)

CMYK

cmyk(0%, 26%, 34%, 40%)

Oklch

oklch(58.5% 0.054 37.4)

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

#FF6397

Rouge · LightCoral · Rose Pink

HEX

#FF6397

RGB

rgb(255, 99, 151)

HSL

hsl(340, 100%, 69%)

HSB

hsb(340, 61%, 100%)

CMYK

cmyk(0%, 61%, 41%, 0%)

Oklch

oklch(71.2% 0.194 2.7)

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

#F5CAC3

Peach Pink · Pink · Cherry Blossom

HEX

#F5CAC3

RGB

rgb(245, 202, 195)

HSL

hsl(8, 71%, 86%)

HSB

hsb(8, 20%, 96%)

CMYK

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

Oklch

oklch(87.4% 0.050 28.9)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#F3EED5

Fresh Green · Beige · Lemon Cream

HEX

#F3EED5

RGB

rgb(243, 238, 213)

HSL

hsl(50, 56%, 89%)

HSB

hsb(50, 12%, 95%)

CMYK

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

Oklch

oklch(94.6% 0.033 97.7)

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

#C6E6CE

Celadon · LightGray · Mint Green

HEX

#C6E6CE

RGB

rgb(198, 230, 206)

HSL

hsl(135, 39%, 84%)

HSB

hsb(135, 14%, 90%)

CMYK

cmyk(14%, 0%, 10%, 10%)

Oklch

oklch(89.5% 0.047 153.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

997165

668D99

Analogous

996674

997165

998B66

Triadic

997165

669972

726699

Split-Comp.

997165

66998B

667499

Tetradic

997165

749966

668D99

8B6699

Contrast Matrix WCAG 2.1 Contrast

997165	FF6397	F5CAC3	F3EED5	C6E6CE
—	1.5 Fail	2.9 Fail	3.7 AA Large	3.2 AA Large
1.5 Fail	—	1.9 Fail	2.4 Fail	2.1 Fail
2.9 Fail	1.9 Fail	—	1.3 Fail	1.1 Fail
3.7 AA Large	2.4 Fail	1.3 Fail	—	1.2 Fail
3.2 AA Large	2.1 Fail	1.1 Fail	1.2 Fail	—

White BG

4.3AA Large

2.8Fail

1.5Fail

1.2Fail

1.3Fail

Black BG

4.9AA

7.5AAA

14.1AAA

18.0AAA

15.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

888768

BBBA8A

E2E2C5

F1F1DB

D4D4D4

Deuteranopia

8A8D69

C5D087

E5E8C5

F1F2DD

D2D0D5

Tritanopia

976A6B

F7807E

F3C6C6

F3E0E1

C8D8D9

Achromatopsia

7C7C7C

989898

D6D6D6

EDEDED

DADADA

Shades & Tints Shades & Tints

#997165

Dark

Light

#FF6397

Dark

Light

#F5CAC3

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #997165;
  --color-2: #ff6397;
  --color-3: #f5cac3;
  --color-4: #f3eed5;
  --color-5: #c6e6ce;
}

SCSS

$color-1: #997165;
$color-2: #ff6397;
$color-3: #f5cac3;
$color-4: #f3eed5;
$color-5: #c6e6ce;

TAILWIND

colors: {
  'brand-1': '#997165',
  'brand-2': '#ff6397',
  'brand-3': '#f5cac3',
  'brand-4': '#f3eed5',
  'brand-5': '#c6e6ce',
}

RGB Array

[153, 113, 101], [255, 99, 151], [245, 202, 195], [243, 238, 213], [198, 230, 206]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #997165, #FF6397, #F5CAC3, #F3EED5, #C6E6CE 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: #997165; --color-2: #ff6397; --color-3: #f5cac3; --color-4: #f3eed5; --color-5: #c6e6ce. 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