← Back to Editor

#FFD90F · #EF6721 · #CC3D00 · #130000 · #8D1501

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

#FFD90F

Autumn Sage · Gold · Sunflower

HEX
#FFD90F
RGB
rgb(255, 217, 15)
HSL
hsl(51, 100%, 53%)
HSB
hsb(51, 94%, 100%)
CMYK
cmyk(0%, 15%, 94%, 0%)
Oklch
oklch(89.1% 0.182 96.0)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#EF6721

Tangerine · Chocolate · Warm Sun

HEX
#EF6721
RGB
rgb(239, 103, 33)
HSL
hsl(20, 87%, 53%)
HSB
hsb(20, 86%, 94%)
CMYK
cmyk(0%, 57%, 86%, 6%)
Oklch
oklch(67.4% 0.184 43.3)

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

#CC3D00

Tangerine · FireBrick · Amber Brown

HEX
#CC3D00
RGB
rgb(204, 61, 0)
HSL
hsl(18, 100%, 40%)
HSB
hsb(18, 100%, 80%)
CMYK
cmyk(0%, 70%, 100%, 20%)
Oklch
oklch(56.6% 0.188 37.3)

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

#130000

Vermilion · Black · Deep Berry

HEX
#130000
RGB
rgb(19, 0, 0)
HSL
hsl(0, 100%, 4%)
HSB
hsb(0, 100%, 7%)
CMYK
cmyk(0%, 100%, 100%, 93%)
Oklch
oklch(11.7% 0.048 29.2)

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

#8D1501

Vermilion · DarkRed · Wine Red

HEX
#8D1501
RGB
rgb(141, 21, 1)
HSL
hsl(9, 99%, 28%)
HSB
hsb(9, 99%, 55%)
CMYK
cmyk(0%, 85%, 99%, 45%)
Oklch
oklch(41.4% 0.156 31.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFD90F
0F33FF

Analogous

FF630F
FFD90F
ABFF0F

Triadic

FFD90F
0FFFDB
DB0FFF

Split-Comp.

FFD90F
0FABFF
630FFF

Tetradic

FFD90F
0FFF63
0F33FF
FF0FAB

Contrast Matrix WCAG 2.1 Contrast

FFD90F
EF6721
CC3D00
130000
8D1501
—
2.3
Fail
3.6
AA Large
14.8
AAA
6.8
AA
2.3
Fail
—
1.6
Fail
6.5
AA
3.0
Fail
3.6
AA Large
1.6
Fail
—
4.1
AA Large
1.9
Fail
14.8
AAA
6.5
AA
4.1
AA Large
—
2.2
Fail
6.8
AA
3.0
Fail
1.9
Fail
2.2
Fail
—
White BG
1.4Fail
3.2AA Large
5.0AA
20.4AAA
9.4AAA
Black BG
15.2AAA
6.6AA
4.2AA Large
1.0Fail
2.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

EFEE40
B4B332
8E8D0F
0B0B00
595806

Deuteranopia

F1F44C
BCC636
96A112
0C0D00
606907

Tritanopia

FD666F
E83F42
C51A1D
120000
870A0B

Achromatopsia

CDCDCD
888888
616161
060606
373737

Shades & Tints Shades & Tints

#FFD90F

Dark
Light

#EF6721

Dark
Light

#CC3D00

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffd90f;
  --color-2: #ef6721;
  --color-3: #cc3d00;
  --color-4: #130000;
  --color-5: #8d1501;
}

SCSS

$color-1: #ffd90f;
$color-2: #ef6721;
$color-3: #cc3d00;
$color-4: #130000;
$color-5: #8d1501;

TAILWIND

colors: {
  'brand-1': '#ffd90f',
  'brand-2': '#ef6721',
  'brand-3': '#cc3d00',
  'brand-4': '#130000',
  'brand-5': '#8d1501',
}

RGB Array

[255, 217, 15], [239, 103, 33], [204, 61, 0], [19, 0, 0], [141, 21, 1]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFD90F, #EF6721, #CC3D00, #130000, #8D1501 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: #ffd90f; --color-2: #ef6721; --color-3: #cc3d00; --color-4: #130000; --color-5: #8d1501. 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