← Back to Editor

#F7932F · #F07918 · #D9510D · #3B1515 · #210000

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

#F7932F

Ginger · GoldenRod · Warm Sun

HEX
#F7932F
RGB
rgb(247, 147, 47)
HSL
hsl(30, 93%, 58%)
HSB
hsb(30, 81%, 97%)
CMYK
cmyk(0%, 40%, 81%, 3%)
Oklch
oklch(75.3% 0.160 60.0)

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

#F07918

Tangerine · Chocolate · Warm Sun

HEX
#F07918
RGB
rgb(240, 121, 24)
HSL
hsl(27, 88%, 52%)
HSB
hsb(27, 90%, 94%)
CMYK
cmyk(0%, 50%, 90%, 6%)
Oklch
oklch(70.1% 0.174 51.8)

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

#D9510D

Tangerine · Chocolate · Amber Brown

HEX
#D9510D
RGB
rgb(217, 81, 13)
HSL
hsl(20, 89%, 45%)
HSB
hsb(20, 94%, 85%)
CMYK
cmyk(0%, 63%, 94%, 15%)
Oklch
oklch(61.0% 0.183 40.9)

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

#3B1515

Crimson · Black · Deep Berry

HEX
#3B1515
RGB
rgb(59, 21, 21)
HSL
hsl(0, 48%, 16%)
HSB
hsb(0, 64%, 23%)
CMYK
cmyk(0%, 64%, 64%, 77%)
Oklch
oklch(25.5% 0.060 22.3)

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

#210000

Vermilion · Black · Deep Berry

HEX
#210000
RGB
rgb(33, 0, 0)
HSL
hsl(0, 100%, 6%)
HSB
hsb(0, 100%, 13%)
CMYK
cmyk(0%, 100%, 100%, 87%)
Oklch
oklch(15.6% 0.064 29.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F7932F
3094F8

Analogous

F83030
F7932F
F8F830

Triadic

F7932F
30F894
9430F8

Split-Comp.

F7932F
30F8F8
3030F8

Tetradic

F7932F
30F830
3094F8
F830F8

Contrast Matrix WCAG 2.1 Contrast

F7932F
F07918
D9510D
3B1515
210000
—
1.2
Fail
1.8
Fail
7.0
AAA
8.6
AAA
1.2
Fail
—
1.5
Fail
5.7
AA
7.0
AAA
1.8
Fail
1.5
Fail
—
3.9
AA Large
4.8
AA
7.0
AAA
5.7
AA
3.9
AA Large
—
1.2
Fail
8.6
AAA
7.0
AAA
4.8
AA
1.2
Fail
—
White BG
2.3Fail
2.8Fail
4.1AA Large
16.1AAA
19.7AAA
Black BG
9.2AAA
7.5AAA
5.1AA
1.3Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

CCCB47
BCBB2F
9E9D1D
2B2A15
131200

Deuteranopia

D2D94D
C3CC35
A6B021
2D3015
151700

Tritanopia

F25A5F
EA4246
D22A2D
391515
1F0000

Achromatopsia

A6A6A6
929292
727272
202020
0A0A0A

Shades & Tints Shades & Tints

#F7932F

Dark
Light

#F07918

Dark
Light

#D9510D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f7932f;
  --color-2: #f07918;
  --color-3: #d9510d;
  --color-4: #3b1515;
  --color-5: #210000;
}

SCSS

$color-1: #f7932f;
$color-2: #f07918;
$color-3: #d9510d;
$color-4: #3b1515;
$color-5: #210000;

TAILWIND

colors: {
  'brand-1': '#f7932f',
  'brand-2': '#f07918',
  'brand-3': '#d9510d',
  'brand-4': '#3b1515',
  'brand-5': '#210000',
}

RGB Array

[247, 147, 47], [240, 121, 24], [217, 81, 13], [59, 21, 21], [33, 0, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F7932F, #F07918, #D9510D, #3B1515, #210000 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: #f7932f; --color-2: #f07918; --color-3: #d9510d; --color-4: #3b1515; --color-5: #210000. 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