← Back to Editor

#C27921 · #E94606 · #F0004F · #733939 · #611C1E

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

#C27921

Ochre · Chocolate · Amber Brown

HEX
#C27921
RGB
rgb(194, 121, 33)
HSL
hsl(33, 71%, 45%)
HSB
hsb(33, 83%, 76%)
CMYK
cmyk(0%, 38%, 83%, 24%)
Oklch
oklch(64.0% 0.132 65.1)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#E94606

Tangerine · OrangeRed · Amber Brown

HEX
#E94606
RGB
rgb(233, 70, 6)
HSL
hsl(17, 95%, 47%)
HSB
hsb(17, 97%, 91%)
CMYK
cmyk(0%, 70%, 97%, 9%)
Oklch
oklch(62.4% 0.208 36.7)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#F0004F

Dark Violet · Crimson · Camellia

HEX
#F0004F
RGB
rgb(240, 0, 79)
HSL
hsl(340, 100%, 47%)
HSB
hsb(340, 100%, 94%)
CMYK
cmyk(0%, 100%, 67%, 6%)
Oklch
oklch(60.7% 0.243 15.6)

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

#733939

Crimson · Sienna · Wine Red

HEX
#733939
RGB
rgb(115, 57, 57)
HSL
hsl(0, 34%, 34%)
HSB
hsb(0, 50%, 45%)
CMYK
cmyk(0%, 50%, 50%, 55%)
Oklch
oklch(41.9% 0.082 21.2)

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

#611C1E

Crimson · Maroon · Wine Red

HEX
#611C1E
RGB
rgb(97, 28, 30)
HSL
hsl(358, 55%, 25%)
HSB
hsb(358, 71%, 38%)
CMYK
cmyk(0%, 71%, 69%, 62%)
Oklch
oklch(33.8% 0.100 22.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C27921
216BC4

Analogous

C42921
C27921
BCC421

Triadic

C27921
21C47B
7B21C4

Split-Comp.

C27921
21BCC4
2921C4

Tetradic

C27921
21C429
216BC4
C421BC

Contrast Matrix WCAG 2.1 Contrast

C27921
E94606
F0004F
733939
611C1E
—
1.1
Fail
1.3
Fail
2.5
Fail
3.6
AA Large
1.1
Fail
—
1.1
Fail
2.3
Fail
3.2
AA Large
1.3
Fail
1.1
Fail
—
2.0
Fail
2.8
Fail
2.5
Fail
2.3
Fail
2.0
Fail
—
1.4
Fail
3.6
AA Large
3.2
AA Large
2.8
Fail
1.4
Fail
—
White BG
3.5AA Large
3.9AA Large
4.4AA Large
8.8AAA
12.4AAA
Black BG
6.1AA
5.3AA
4.8AA
2.4Fail
1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A2A236
A2A115
88863C
5A5939
43431E

Deuteranopia

A7AC3B
ACB819
96A837
5D6239
474C1D

Tritanopia

BE474B
E12224
E42D29
703939
5E1D1D

Achromatopsia

858585
6F6F6F
515151
4A4A4A
313131

Shades & Tints Shades & Tints

#C27921

Dark
Light

#E94606

Dark
Light

#F0004F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c27921;
  --color-2: #e94606;
  --color-3: #f0004f;
  --color-4: #733939;
  --color-5: #611c1e;
}

SCSS

$color-1: #c27921;
$color-2: #e94606;
$color-3: #f0004f;
$color-4: #733939;
$color-5: #611c1e;

TAILWIND

colors: {
  'brand-1': '#c27921',
  'brand-2': '#e94606',
  'brand-3': '#f0004f',
  'brand-4': '#733939',
  'brand-5': '#611c1e',
}

RGB Array

[194, 121, 33], [233, 70, 6], [240, 0, 79], [115, 57, 57], [97, 28, 30]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C27921, #E94606, #F0004F, #733939, #611C1E 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: #c27921; --color-2: #e94606; --color-3: #f0004f; --color-4: #733939; --color-5: #611c1e. 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