#C41F1F + #7B3B3B + #42C9B6 + #51DBC8 + #CFD0B5 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#C41F1F

Vermilion · FireBrick · Passion Red

HEX

#C41F1F

RGB

rgb(196, 31, 31)

HSL

hsl(0, 73%, 45%)

HSB

hsb(0, 84%, 77%)

CMYK

cmyk(0%, 84%, 84%, 23%)

Oklch

oklch(52.8% 0.198 27.5)

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

#7B3B3B

Crimson · Sienna · Wine Red

HEX

#7B3B3B

RGB

rgb(123, 59, 59)

HSL

hsl(0, 35%, 36%)

HSB

hsb(0, 52%, 48%)

CMYK

cmyk(0%, 52%, 52%, 52%)

Oklch

oklch(43.5% 0.089 21.4)

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

#42C9B6

Mineral Blue · MediumTurquoise · Lake Green

HEX

#42C9B6

RGB

rgb(66, 201, 182)

HSL

hsl(172, 56%, 52%)

HSB

hsb(172, 67%, 79%)

CMYK

cmyk(67%, 0%, 9%, 21%)

Oklch

oklch(75.9% 0.118 181.8)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#51DBC8

Mineral Blue · MediumTurquoise · Lake Green

HEX

#51DBC8

RGB

rgb(81, 219, 200)

HSL

hsl(172, 66%, 59%)

HSB

hsb(172, 63%, 86%)

CMYK

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

Oklch

oklch(81.2% 0.122 182.4)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#CFD0B5

Fresh Green · Silver · Lemon Cream

HEX

#CFD0B5

RGB

rgb(207, 208, 181)

HSL

hsl(62, 22%, 76%)

HSB

hsb(62, 13%, 82%)

CMYK

cmyk(0%, 0%, 13%, 18%)

Oklch

oklch(85.0% 0.036 108.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C41F1F

1FC7C7

Analogous

C71F73

C41F1F

C7731F

Triadic

C41F1F

1FC71F

1F1FC7

Split-Comp.

C41F1F

1FC773

1F73C7

Tetradic

C41F1F

73C71F

1FC7C7

731FC7

Contrast Matrix WCAG 2.1 Contrast

C41F1F	7B3B3B	42C9B6	51DBC8	CFD0B5
—	1.4 Fail	2.9 Fail	3.5 AA Large	3.7 AA Large
1.4 Fail	—	4.1 AA Large	4.9 AA	5.3 AA
2.9 Fail	4.1 AA Large	—	1.2 Fail	1.3 Fail
3.5 AA Large	4.9 AA	1.2 Fail	—	1.1 Fail
3.7 AA Large	5.3 AA	1.3 Fail	1.1 Fail	—

White BG

5.9AA

8.3AAA

2.0Fail

1.7Fail

1.6Fail

Black BG

3.6AA Large

2.5Fail

10.3AAA

12.3AAA

13.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7D7B1F

5F5F3B

7C7EBB

8D8ECD

CFCFBC

Deuteranopia

86931F

63683B

756BBC

857ACE

CFCFBD

Tritanopia

BC1F1F

783B3B

49BEBF

58D0D1

CFC1C2

Achromatopsia

505050

4E4E4E

9E9E9E

B0B0B0

CDCDCD

Shades & Tints Shades & Tints

#C41F1F

Dark

Light

#7B3B3B

Dark

Light

#42C9B6

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c41f1f;
  --color-2: #7b3b3b;
  --color-3: #42c9b6;
  --color-4: #51dbc8;
  --color-5: #cfd0b5;
}

SCSS

$color-1: #c41f1f;
$color-2: #7b3b3b;
$color-3: #42c9b6;
$color-4: #51dbc8;
$color-5: #cfd0b5;

TAILWIND

colors: {
  'brand-1': '#c41f1f',
  'brand-2': '#7b3b3b',
  'brand-3': '#42c9b6',
  'brand-4': '#51dbc8',
  'brand-5': '#cfd0b5',
}

RGB Array

[196, 31, 31], [123, 59, 59], [66, 201, 182], [81, 219, 200], [207, 208, 181]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C41F1F, #7B3B3B, #42C9B6, #51DBC8, #CFD0B5 is ideal for: corporate websites, product showcases, portfolios. 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: #c41f1f; --color-2: #7b3b3b; --color-3: #42c9b6; --color-4: #51dbc8; --color-5: #cfd0b5. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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