← Back to Editor

#FC6D51 · #8C6C3E · #483000 · #120B00 · #F50C43

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

#FC6D51

Peach Pink · Tomato · Coral Red

HEX
#FC6D51
RGB
rgb(252, 109, 81)
HSL
hsl(10, 97%, 65%)
HSB
hsb(10, 68%, 99%)
CMYK
cmyk(0%, 57%, 68%, 1%)
Oklch
oklch(70.6% 0.181 32.8)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#8C6C3E

Ochre · Sienna · Amber Brown

HEX
#8C6C3E
RGB
rgb(140, 108, 62)
HSL
hsl(35, 39%, 40%)
HSB
hsb(35, 56%, 55%)
CMYK
cmyk(0%, 23%, 56%, 45%)
Oklch
oklch(55.3% 0.075 75.2)

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

#483000

Ochre · Maroon · Amber Gold

HEX
#483000
RGB
rgb(72, 48, 0)
HSL
hsl(40, 100%, 14%)
HSB
hsb(40, 100%, 28%)
CMYK
cmyk(0%, 33%, 100%, 72%)
Oklch
oklch(32.9% 0.069 78.4)

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

#120B00

Ochre · Black · Cinnamon

HEX
#120B00
RGB
rgb(18, 11, 0)
HSL
hsl(37, 100%, 4%)
HSB
hsb(37, 100%, 7%)
CMYK
cmyk(0%, 39%, 100%, 93%)
Oklch
oklch(15.5% 0.032 86.6)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

#F50C43

Vermilion · Crimson · Passion Red

HEX
#F50C43
RGB
rgb(245, 12, 67)
HSL
hsl(346, 92%, 50%)
HSB
hsb(346, 95%, 96%)
CMYK
cmyk(0%, 95%, 73%, 4%)
Oklch
oklch(61.6% 0.244 19.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FC6D51
4FDFFC

Analogous

FC4F89
FC6D51
FCC34F

Triadic

FC6D51
4FFC6C
6C4FFC

Split-Comp.

FC6D51
4FFCC3
4F89FC

Tetradic

FC6D51
89FC4F
4FDFFC
C34FFC

Contrast Matrix WCAG 2.1 Contrast

FC6D51
8C6C3E
483000
120B00
F50C43
—
1.7
Fail
4.4
AA Large
6.9
AA
1.5
Fail
1.7
Fail
—
2.5
Fail
4.0
AA Large
1.2
Fail
4.4
AA Large
2.5
Fail
—
1.6
Fail
3.0
Fail
6.9
AA
4.0
AA Large
1.6
Fail
—
4.7
AA
1.5
Fail
1.2
Fail
3.0
Fail
4.7
AA
—
White BG
2.8Fail
4.9AA
12.4AAA
19.6AAA
4.2AA Large
Black BG
7.4AAA
4.3AA Large
1.7Fail
1.1Fail
5.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BEBD58
7E7E49
3E3D0C
0F0F03
908E36

Deuteranopia

C6D159
80824C
3F410E
0F1003
9EAF33

Tritanopia

F55D5E
8A5254
471517
120505
E92B29

Achromatopsia

959595
707070
323232
0C0C0C
585858

Shades & Tints Shades & Tints

#FC6D51

Dark
Light

#8C6C3E

Dark
Light

#483000

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fc6d51;
  --color-2: #8c6c3e;
  --color-3: #483000;
  --color-4: #120b00;
  --color-5: #f50c43;
}

SCSS

$color-1: #fc6d51;
$color-2: #8c6c3e;
$color-3: #483000;
$color-4: #120b00;
$color-5: #f50c43;

TAILWIND

colors: {
  'brand-1': '#fc6d51',
  'brand-2': '#8c6c3e',
  'brand-3': '#483000',
  'brand-4': '#120b00',
  'brand-5': '#f50c43',
}

RGB Array

[252, 109, 81], [140, 108, 62], [72, 48, 0], [18, 11, 0], [245, 12, 67]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FC6D51, #8C6C3E, #483000, #120B00, #F50C43 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: #fc6d51; --color-2: #8c6c3e; --color-3: #483000; --color-4: #120b00; --color-5: #f50c43. 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