← Back to Editor

#93756F · #F61981 · #C11359 · #C69901 · #3E0D01

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 AppData Visualization

Color Details Color Details

#93756F

Crimson · Gray · Passion Red

HEX
#93756F
RGB
rgb(147, 117, 111)
HSL
hsl(10, 14%, 51%)
HSB
hsb(10, 24%, 58%)
CMYK
cmyk(0%, 20%, 24%, 42%)
Oklch
oklch(59.0% 0.039 31.3)

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

#F61981

Dark Violet · DeepPink · Rose Pink

HEX
#F61981
RGB
rgb(246, 25, 129)
HSL
hsl(332, 92%, 53%)
HSB
hsb(332, 90%, 96%)
CMYK
cmyk(0%, 90%, 48%, 4%)
Oklch
oklch(63.5% 0.248 1.3)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#C11359

Dark Violet · Crimson · Camellia

HEX
#C11359
RGB
rgb(193, 19, 89)
HSL
hsl(336, 82%, 42%)
HSB
hsb(336, 90%, 76%)
CMYK
cmyk(0%, 90%, 54%, 24%)
Oklch
oklch(52.7% 0.203 5.9)

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

#C69901

Ochre · DarkGoldenRod · Honey Gold

HEX
#C69901
RGB
rgb(198, 153, 1)
HSL
hsl(46, 99%, 39%)
HSB
hsb(46, 99%, 78%)
CMYK
cmyk(0%, 23%, 99%, 22%)
Oklch
oklch(70.5% 0.144 87.4)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#3E0D01

Vermilion · Black · Deep Berry

HEX
#3E0D01
RGB
rgb(62, 13, 1)
HSL
hsl(12, 97%, 12%)
HSB
hsb(12, 98%, 24%)
CMYK
cmyk(0%, 79%, 98%, 76%)
Oklch
oklch(24.5% 0.080 36.9)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

93756F
718E94

Analogous

94717C
93756F
948871

Triadic

93756F
719476
767194

Split-Comp.

93756F
719488
717C94

Tetradic

93756F
7C9471
718E94
887194

Contrast Matrix WCAG 2.1 Contrast

93756F
F61981
C11359
C69901
3E0D01
—
1.1
Fail
1.4
Fail
1.6
Fail
4.0
AA Large
1.1
Fail
—
1.5
Fail
1.5
Fail
4.3
AA Large
1.4
Fail
1.5
Fail
—
2.3
Fail
2.8
Fail
1.6
Fail
1.5
Fail
2.3
Fail
—
6.3
AA
4.0
AA Large
4.3
AA Large
2.8
Fail
6.3
AA
—
White BG
4.2AA Large
3.9AA Large
6.0AA
2.6Fail
16.6AAA
Black BG
5.0AA
5.4AA
3.5AA Large
8.0AAA
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

868670
969468
767448
B3B226
292804

Deuteranopia

888A71
A3B462
808D44
B5B92F
2C2F05

Tritanopia

927272
EB5450
B83B38
C44349
3C0607

Achromatopsia

7D7D7D
676767
4F4F4F
959595
1A1A1A

Shades & Tints Shades & Tints

#93756F

Dark
Light

#F61981

Dark
Light

#C11359

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #93756f;
  --color-2: #f61981;
  --color-3: #c11359;
  --color-4: #c69901;
  --color-5: #3e0d01;
}

SCSS

$color-1: #93756f;
$color-2: #f61981;
$color-3: #c11359;
$color-4: #c69901;
$color-5: #3e0d01;

TAILWIND

colors: {
  'brand-1': '#93756f',
  'brand-2': '#f61981',
  'brand-3': '#c11359',
  'brand-4': '#c69901',
  'brand-5': '#3e0d01',
}

RGB Array

[147, 117, 111], [246, 25, 129], [193, 19, 89], [198, 153, 1], [62, 13, 1]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #93756F, #F61981, #C11359, #C69901, #3E0D01 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #93756f; --color-2: #f61981; --color-3: #c11359; --color-4: #c69901; --color-5: #3e0d01. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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