← Back to Editor

#474044 · #693753 · #D10075 · #D1003B · #D10000

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#474044

Dark Cyan · DarkSlateGray · Charcoal

HEX
#474044
RGB
rgb(71, 64, 68)
HSL
hsl(326, 5%, 26%)
HSB
hsb(326, 10%, 28%)
CMYK
cmyk(0%, 10%, 4%, 72%)
Oklch
oklch(38.0% 0.012 342.3)

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

#693753

Rose Purple · DimGray · Camellia

HEX
#693753
RGB
rgb(105, 55, 83)
HSL
hsl(326, 31%, 31%)
HSB
hsb(326, 48%, 41%)
CMYK
cmyk(0%, 48%, 21%, 59%)
Oklch
oklch(41.0% 0.080 346.5)

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

#D10075

Rose Purple · MediumVioletRed · Camellia

HEX
#D10075
RGB
rgb(209, 0, 117)
HSL
hsl(326, 100%, 41%)
HSB
hsb(326, 100%, 82%)
CMYK
cmyk(0%, 100%, 44%, 18%)
Oklch
oklch(56.0% 0.228 357.5)

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

#D1003B

Dark Violet · Crimson · Camellia

HEX
#D1003B
RGB
rgb(209, 0, 59)
HSL
hsl(343, 100%, 41%)
HSB
hsb(343, 100%, 82%)
CMYK
cmyk(0%, 100%, 72%, 18%)
Oklch
oklch(54.5% 0.219 18.4)

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

#D10000

Vermilion · Red · Passion Red

HEX
#D10000
RGB
rgb(209, 0, 0)
HSL
hsl(0, 100%, 41%)
HSB
hsb(0, 100%, 82%)
CMYK
cmyk(0%, 100%, 100%, 18%)
Oklch
oklch(54.0% 0.222 29.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

474044
3F4642

Analogous

453F46
474044
463F3F

Triadic

474044
43463F
3F4346

Split-Comp.

474044
3F463F
3F4645

Tetradic

474044
46453F
3F4642
3F3F46

Contrast Matrix WCAG 2.1 Contrast

474044
693753
D10075
D1003B
D10000
—
1.1
Fail
1.9
Fail
1.8
Fail
1.8
Fail
1.1
Fail
—
1.7
Fail
1.7
Fail
1.6
Fail
1.9
Fail
1.7
Fail
—
1.1
Fail
1.1
Fail
1.8
Fail
1.7
Fail
1.1
Fail
—
1.0
Fail
1.8
Fail
1.6
Fail
1.1
Fail
1.0
Fail
—
White BG
10.1AAA
9.2AAA
5.3AA
5.6AA
5.7AA
Black BG
2.1Fail
2.3Fail
4.0AA Large
3.8AA Large
3.7AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

444443
53534C
777559
77752D
777500

Deuteranopia

444543
565A4B
839252
839229
839200

Tritanopia

474242
674746
C7423D
C7211F
C70000

Achromatopsia

434343
494949
4C4C4C
454545
3E3E3E

Shades & Tints Shades & Tints

#474044

Dark
Light

#693753

Dark
Light

#D10075

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #474044;
  --color-2: #693753;
  --color-3: #d10075;
  --color-4: #d1003b;
  --color-5: #d10000;
}

SCSS

$color-1: #474044;
$color-2: #693753;
$color-3: #d10075;
$color-4: #d1003b;
$color-5: #d10000;

TAILWIND

colors: {
  'brand-1': '#474044',
  'brand-2': '#693753',
  'brand-3': '#d10075',
  'brand-4': '#d1003b',
  'brand-5': '#d10000',
}

RGB Array

[71, 64, 68], [105, 55, 83], [209, 0, 117], [209, 0, 59], [209, 0, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #474044, #693753, #D10075, #D1003B, #D10000 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #474044; --color-2: #693753; --color-3: #d10075; --color-4: #d1003b; --color-5: #d10000. 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 general-style 5-color scheme is especially suited for food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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