← Back to Editor

#FC850A · #F80846 · #1B42E0 · #000003 · #443C2D

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#FC850A

Ginger · Orange · Warm Sun

HEX
#FC850A
RGB
rgb(252, 133, 10)
HSL
hsl(30, 98%, 51%)
HSB
hsb(30, 96%, 99%)
CMYK
cmyk(0%, 47%, 96%, 1%)
Oklch
oklch(73.6% 0.179 55.4)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#F80846

Vermilion · Crimson · Passion Red

HEX
#F80846
RGB
rgb(248, 8, 70)
HSL
hsl(345, 94%, 50%)
HSB
hsb(345, 97%, 97%)
CMYK
cmyk(0%, 97%, 72%, 3%)
Oklch
oklch(62.1% 0.247 19.1)

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

#1B42E0

Indigo · MediumBlue · Navy Blue

HEX
#1B42E0
RGB
rgb(27, 66, 224)
HSL
hsl(228, 78%, 49%)
HSB
hsb(228, 88%, 88%)
CMYK
cmyk(88%, 71%, 0%, 12%)
Oklch
oklch(47.5% 0.240 265.5)

Traditional「Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

#000003

Deep Indigo · Black · Deep Sea Blue

HEX
#000003
RGB
rgb(0, 0, 3)
HSL
hsl(240, 100%, 1%)
HSB
hsb(240, 100%, 1%)
CMYK
cmyk(100%, 100%, 0%, 99%)
Oklch
oklch(4.4% 0.030 264.1)

Traditional「Deep Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#443C2D

Ochre · DarkSlateGray · Cinnamon

HEX
#443C2D
RGB
rgb(68, 60, 45)
HSL
hsl(39, 20%, 22%)
HSB
hsb(39, 34%, 27%)
CMYK
cmyk(0%, 12%, 34%, 73%)
Oklch
oklch(36.0% 0.027 83.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FC850A
0882FD

Analogous

FD0808
FC850A
FDFD08

Triadic

FC850A
08FD82
8208FD

Split-Comp.

FC850A
08FDFD
0808FD

Tetradic

FC850A
08FD08
0882FD
FD08FD

Contrast Matrix WCAG 2.1 Contrast

FC850A
F80846
1B42E0
000003
443C2D
—
1.7
Fail
2.9
Fail
8.5
AAA
4.4
AA Large
1.7
Fail
—
1.8
Fail
5.1
AA
2.6
Fail
2.9
Fail
1.8
Fail
—
2.9
Fail
1.5
Fail
8.5
AAA
5.1
AA
2.9
Fail
—
1.9
Fail
4.4
AA Large
2.6
Fail
1.5
Fail
1.9
Fail
—
White BG
2.5Fail
4.1AA Large
7.2AAA
21.0AAA
10.9AAA
Black BG
8.5AAA
5.1AA
2.9Fail
1.0Fail
1.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C8C728
908E37
2C2CBA
000002
414031

Deuteranopia

CFD82F
9EB033
2A27B1
000002
414232

Tritanopia

F63F44
EC2B29
1D9C95
000202
443334

Achromatopsia

9B9B9B
575757
484848
000000
3D3D3D

Shades & Tints Shades & Tints

#FC850A

Dark
Light

#F80846

Dark
Light

#1B42E0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fc850a;
  --color-2: #f80846;
  --color-3: #1b42e0;
  --color-4: #000003;
  --color-5: #443c2d;
}

SCSS

$color-1: #fc850a;
$color-2: #f80846;
$color-3: #1b42e0;
$color-4: #000003;
$color-5: #443c2d;

TAILWIND

colors: {
  'brand-1': '#fc850a',
  'brand-2': '#f80846',
  'brand-3': '#1b42e0',
  'brand-4': '#000003',
  'brand-5': '#443c2d',
}

RGB Array

[252, 133, 10], [248, 8, 70], [27, 66, 224], [0, 0, 3], [68, 60, 45]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FC850A, #F80846, #1B42E0, #000003, #443C2D 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: #fc850a; --color-2: #f80846; --color-3: #1b42e0; --color-4: #000003; --color-5: #443c2d. 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