← Back to Editor

#EFAC41 · #DE8531 · #B32900 · #6C1305 · #330A04

warm

A 5-color warm 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

#EFAC41

Ginger · SandyBrown · Warm Sun

HEX
#EFAC41
RGB
rgb(239, 172, 65)
HSL
hsl(37, 84%, 60%)
HSB
hsb(37, 73%, 94%)
CMYK
cmyk(0%, 28%, 73%, 6%)
Oklch
oklch(79.0% 0.142 75.2)

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

#DE8531

Tangerine · Chocolate · Warm Sun

HEX
#DE8531
RGB
rgb(222, 133, 49)
HSL
hsl(29, 72%, 53%)
HSB
hsb(29, 78%, 87%)
CMYK
cmyk(0%, 40%, 78%, 13%)
Oklch
oklch(69.8% 0.144 59.4)

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

#B32900

Vermilion · FireBrick · Wine Red

HEX
#B32900
RGB
rgb(179, 41, 0)
HSL
hsl(14, 100%, 35%)
HSB
hsb(14, 100%, 70%)
CMYK
cmyk(0%, 77%, 100%, 30%)
Oklch
oklch(50.2% 0.179 34.3)

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

#6C1305

Vermilion · Maroon · Wine Red

HEX
#6C1305
RGB
rgb(108, 19, 5)
HSL
hsl(8, 91%, 22%)
HSB
hsb(8, 95%, 42%)
CMYK
cmyk(0%, 82%, 95%, 58%)
Oklch
oklch(34.7% 0.125 31.9)

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

#330A04

Vermilion · Black · Deep Berry

HEX
#330A04
RGB
rgb(51, 10, 4)
HSL
hsl(8, 85%, 11%)
HSB
hsb(8, 92%, 20%)
CMYK
cmyk(0%, 80%, 92%, 80%)
Oklch
oklch(21.8% 0.068 32.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EFAC41
4385EF

Analogous

EF5743
EFAC41
DBEF43

Triadic

EFAC41
43EFAD
AD43EF

Split-Comp.

EFAC41
43DBEF
5743EF

Tetradic

EFAC41
43EF57
4385EF
EF43DB

Contrast Matrix WCAG 2.1 Contrast

EFAC41
DE8531
B32900
6C1305
330A04
—
1.4
Fail
3.3
AA Large
6.1
AA
9.0
AAA
1.4
Fail
—
2.3
Fail
4.3
AA Large
6.3
AA
3.3
AA Large
2.3
Fail
—
1.9
Fail
2.7
Fail
6.1
AA
4.3
AA Large
1.9
Fail
—
1.5
Fail
9.0
AAA
6.3
AA
2.7
Fail
1.5
Fail
—
White BG
2.0Fail
2.8Fail
6.5AA
12.1AAA
17.7AAA
Black BG
10.6AAA
7.5AAA
3.2AA Large
1.7Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D2D15B
B7B745
77760A
454508
212105

Deuteranopia

D6DB61
BDC34A
7F8A0C
4B5109
242706

Tritanopia

EC6F74
DA5559
AC1213
680B0C
310707

Achromatopsia

B4B4B4
969696
4E4E4E
2C2C2C
161616

Shades & Tints Shades & Tints

#EFAC41

Dark
Light

#DE8531

Dark
Light

#B32900

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #efac41;
  --color-2: #de8531;
  --color-3: #b32900;
  --color-4: #6c1305;
  --color-5: #330a04;
}

SCSS

$color-1: #efac41;
$color-2: #de8531;
$color-3: #b32900;
$color-4: #6c1305;
$color-5: #330a04;

TAILWIND

colors: {
  'brand-1': '#efac41',
  'brand-2': '#de8531',
  'brand-3': '#b32900',
  'brand-4': '#6c1305',
  'brand-5': '#330a04',
}

RGB Array

[239, 172, 65], [222, 133, 49], [179, 41, 0], [108, 19, 5], [51, 10, 4]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #EFAC41, #DE8531, #B32900, #6C1305, #330A04 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: #efac41; --color-2: #de8531; --color-3: #b32900; --color-4: #6c1305; --color-5: #330a04. 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 warm-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