← Back to Editor

#FF9F38 · #F93B09 · #DC0201 · #7E0607 · #3C0600

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

#FF9F38

Ginger · Coral · Warm Sun

HEX
#FF9F38
RGB
rgb(255, 159, 56)
HSL
hsl(31, 100%, 61%)
HSB
hsb(31, 78%, 100%)
CMYK
cmyk(0%, 38%, 78%, 0%)
Oklch
oklch(78.4% 0.159 62.8)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#F93B09

Vermilion · OrangeRed · Passion Red

HEX
#F93B09
RGB
rgb(249, 59, 9)
HSL
hsl(13, 95%, 51%)
HSB
hsb(13, 96%, 98%)
CMYK
cmyk(0%, 76%, 96%, 2%)
Oklch
oklch(64.2% 0.230 33.5)

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

#DC0201

Vermilion · Red · Passion Red

HEX
#DC0201
RGB
rgb(220, 2, 1)
HSL
hsl(0, 99%, 43%)
HSB
hsb(0, 100%, 86%)
CMYK
cmyk(0%, 99%, 100%, 14%)
Oklch
oklch(56.2% 0.230 29.2)

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

#7E0607

Vermilion · Maroon · Wine Red

HEX
#7E0607
RGB
rgb(126, 6, 7)
HSL
hsl(359, 91%, 26%)
HSB
hsb(359, 95%, 49%)
CMYK
cmyk(0%, 95%, 94%, 51%)
Oklch
oklch(37.6% 0.149 28.3)

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

#3C0600

Vermilion · Black · Deep Berry

HEX
#3C0600
RGB
rgb(60, 6, 0)
HSL
hsl(6, 100%, 12%)
HSB
hsb(6, 100%, 24%)
CMYK
cmyk(0%, 90%, 100%, 76%)
Oklch
oklch(23.2% 0.085 33.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF9F38
3898FF

Analogous

FF3B38
FF9F38
FCFF38

Triadic

FF9F38
38FF9F
9F38FF

Split-Comp.

FF9F38
38FCFF
3B38FF

Tetradic

FF9F38
38FF3B
3898FF
FF38FC

Contrast Matrix WCAG 2.1 Contrast

FF9F38
F93B09
DC0201
7E0607
3C0600
—
1.8
Fail
2.5
Fail
5.4
AA
8.4
AAA
1.8
Fail
—
1.4
Fail
3.0
Fail
4.6
AA
2.5
Fail
1.4
Fail
—
2.1
Fail
3.3
AA Large
5.4
AA
3.0
Fail
2.1
Fail
—
1.6
Fail
8.4
AAA
4.6
AA
3.3
AA Large
1.6
Fail
—
White BG
2.0Fail
3.7AA Large
5.2AA
11.0AAA
17.2AAA
Black BG
10.3AAA
5.7AA
4.1AA Large
1.9Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D5D551
A7A515
7E7C01
4A4907
252401

Deuteranopia

DBE257
B2C018
8A9B01
515A07
282C02

Tritanopia

FA6569
EF1F21
D10101
780707
390303

Achromatopsia

B0B0B0
6E6E6E
434343
2A2A2A
151515

Shades & Tints Shades & Tints

#FF9F38

Dark
Light

#F93B09

Dark
Light

#DC0201

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff9f38;
  --color-2: #f93b09;
  --color-3: #dc0201;
  --color-4: #7e0607;
  --color-5: #3c0600;
}

SCSS

$color-1: #ff9f38;
$color-2: #f93b09;
$color-3: #dc0201;
$color-4: #7e0607;
$color-5: #3c0600;

TAILWIND

colors: {
  'brand-1': '#ff9f38',
  'brand-2': '#f93b09',
  'brand-3': '#dc0201',
  'brand-4': '#7e0607',
  'brand-5': '#3c0600',
}

RGB Array

[255, 159, 56], [249, 59, 9], [220, 2, 1], [126, 6, 7], [60, 6, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FF9F38, #F93B09, #DC0201, #7E0607, #3C0600 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: #ff9f38; --color-2: #f93b09; --color-3: #dc0201; --color-4: #7e0607; --color-5: #3c0600. 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