#FF0033 + #C52349 + #964454 + #5C474B + #404040 · pastel - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarm

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#FF0033

Vermilion · Crimson · Passion Red

HEX

#FF0033

RGB

rgb(255, 0, 51)

HSL

hsl(348, 100%, 50%)

HSB

hsb(348, 100%, 100%)

CMYK

cmyk(0%, 100%, 80%, 0%)

Oklch

oklch(63.1% 0.255 23.6)

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

#C52349

Vermilion · Crimson · Passion Red

HEX

#C52349

RGB

rgb(197, 35, 73)

HSL

hsl(346, 70%, 45%)

HSB

hsb(346, 82%, 77%)

CMYK

cmyk(0%, 82%, 63%, 23%)

Oklch

oklch(53.8% 0.195 14.7)

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

#964454

Crimson · Sienna · Passion Red

HEX

#964454

RGB

rgb(150, 68, 84)

HSL

hsl(348, 38%, 43%)

HSB

hsb(348, 55%, 59%)

CMYK

cmyk(0%, 55%, 44%, 41%)

Oklch

oklch(49.7% 0.111 9.8)

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

#5C474B

Crimson · DarkSlateGray · Wine Red

HEX

#5C474B

RGB

rgb(92, 71, 75)

HSL

hsl(349, 13%, 32%)

HSB

hsb(349, 23%, 36%)

CMYK

cmyk(0%, 23%, 18%, 64%)

Oklch

oklch(42.1% 0.029 5.6)

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

#404040

Dark Cyan · DarkSlateGray · Dark Stone

HEX

#404040

RGB

rgb(64, 64, 64)

HSL

hsl(0, 0%, 25%)

HSB

hsb(0, 0%, 25%)

CMYK

cmyk(0%, 0%, 0%, 75%)

Oklch

oklch(37.1% 0.000 89.9)

Traditional「Dark Cyan」· Paint「Dark Stone」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF0033

00FFCC

Analogous

FF00B3

FF0033

FF4C00

Triadic

FF0033

33FF00

0033FF

Split-Comp.

FF0033

00FF4C

00B3FF

Tetradic

FF0033

B3FF00

00FFCC

4C00FF

Contrast Matrix WCAG 2.1 Contrast

FF0033	C52349	964454	5C474B	404040
—	1.4 Fail	1.6 Fail	2.2 Fail	2.6 Fail
1.4 Fail	—	1.1 Fail	1.5 Fail	1.8 Fail
1.6 Fail	1.1 Fail	—	1.3 Fail	1.6 Fail
2.2 Fail	1.5 Fail	1.3 Fail	—	1.2 Fail
2.6 Fail	1.8 Fail	1.6 Fail	1.2 Fail	—

White BG

4.0AA Large

5.7AA

6.5AA

8.5AAA

10.4AAA

Black BG

5.3AA

3.7AA Large

3.3AA Large

2.5Fail

2.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

918E27

7F7D40

727250

53534A

404040

Deuteranopia

9FB324

88943E

777D4F

54564A

404040

Tritanopia

F21D1B

BD3937

924D4C

5B4949

404040

Achromatopsia

525252

585858

5E5E5E

4E4E4E

404040

Shades & Tints Shades & Tints

#FF0033

Dark

Light

#C52349

Dark

Light

#964454

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff0033;
  --color-2: #c52349;
  --color-3: #964454;
  --color-4: #5c474b;
  --color-5: #404040;
}

SCSS

$color-1: #ff0033;
$color-2: #c52349;
$color-3: #964454;
$color-4: #5c474b;
$color-5: #404040;

TAILWIND

colors: {
  'brand-1': '#ff0033',
  'brand-2': '#c52349',
  'brand-3': '#964454',
  'brand-4': '#5c474b',
  'brand-5': '#404040',
}

RGB Array

[255, 0, 51], [197, 35, 73], [150, 68, 84], [92, 71, 75], [64, 64, 64]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #FF0033, #C52349, #964454, #5C474B, #404040 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: #ff0033; --color-2: #c52349; --color-3: #964454; --color-4: #5c474b; --color-5: #404040. 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 pastel-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