#C75C4E + #994B4C + #803347 + #663E4A + #4F3E47 · warm - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#C75C4E

Crimson · Chocolate · Passion Red

HEX

#C75C4E

RGB

rgb(199, 92, 78)

HSL

hsl(7, 52%, 54%)

HSB

hsb(7, 61%, 78%)

CMYK

cmyk(0%, 54%, 61%, 22%)

Oklch

oklch(60.4% 0.140 29.4)

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

#994B4C

Crimson · Sienna · Passion Red

HEX

#994B4C

RGB

rgb(153, 75, 76)

HSL

hsl(359, 34%, 45%)

HSB

hsb(359, 51%, 60%)

CMYK

cmyk(0%, 51%, 50%, 40%)

Oklch

oklch(51.0% 0.105 20.6)

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

#803347

Dark Violet · Brown · Camellia

HEX

#803347

RGB

rgb(128, 51, 71)

HSL

hsl(344, 43%, 35%)

HSB

hsb(344, 60%, 50%)

CMYK

cmyk(0%, 60%, 45%, 50%)

Oklch

oklch(43.4% 0.108 6.6)

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

#663E4A

Dark Violet · DimGray · Camellia

HEX

#663E4A

RGB

rgb(102, 62, 74)

HSL

hsl(342, 24%, 32%)

HSB

hsb(342, 39%, 40%)

CMYK

cmyk(0%, 39%, 27%, 60%)

Oklch

oklch(41.5% 0.058 0.5)

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

#4F3E47

Rose Purple · DarkSlateGray · Camellia

HEX

#4F3E47

RGB

rgb(79, 62, 71)

HSL

hsl(328, 12%, 28%)

HSB

hsb(328, 22%, 31%)

CMYK

cmyk(0%, 22%, 10%, 69%)

Oklch

oklch(38.5% 0.028 345.4)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C75C4E

4DB8C7

Analogous

C74D7B

C75C4E

C7984D

Triadic

C75C4E

4DC75B

5B4DC7

Split-Comp.

C75C4E

4DC798

4D7BC7

Tetradic

C75C4E

7BC74D

4DB8C7

984DC7

Contrast Matrix WCAG 2.1 Contrast

C75C4E	994B4C	803347	663E4A	4F3E47
—	1.5 Fail	2.0 Fail	2.2 Fail	2.4 Fail
1.5 Fail	—	1.4 Fail	1.5 Fail	1.6 Fail
2.0 Fail	1.4 Fail	—	1.1 Fail	1.2 Fail
2.2 Fail	1.5 Fail	1.1 Fail	—	1.1 Fail
2.4 Fail	1.6 Fail	1.2 Fail	1.1 Fail	—

White BG

4.1AA Large

6.1AA

8.5AAA

8.9AAA

9.9AAA

Black BG

5.1AA

3.5AA Large

2.5Fail

2.4Fail

2.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

999851

77774C

5F5E42

555447

484745

Deuteranopia

9FA752

7C824C

636941

575A46

494A44

Tritanopia

C25455

954C4C

7C3E3E

644544

4E4343

Achromatopsia

7A7A7A

626262

4C4C4C

4B4B4B

444444

Shades & Tints Shades & Tints

#C75C4E

Dark

Light

#994B4C

Dark

Light

#803347

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c75c4e;
  --color-2: #994b4c;
  --color-3: #803347;
  --color-4: #663e4a;
  --color-5: #4f3e47;
}

SCSS

$color-1: #c75c4e;
$color-2: #994b4c;
$color-3: #803347;
$color-4: #663e4a;
$color-5: #4f3e47;

TAILWIND

colors: {
  'brand-1': '#c75c4e',
  'brand-2': '#994b4c',
  'brand-3': '#803347',
  'brand-4': '#663e4a',
  'brand-5': '#4f3e47',
}

RGB Array

[199, 92, 78], [153, 75, 76], [128, 51, 71], [102, 62, 74], [79, 62, 71]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #C75C4E, #994B4C, #803347, #663E4A, #4F3E47 is ideal for: tech websites, dark mode UIs, game UIs. 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: #c75c4e; --color-2: #994b4c; --color-3: #803347; --color-4: #663e4a; --color-5: #4f3e47. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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 warm-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