← Back to Editor

#1A0400 · #761200 · #D81000 · #FF9300 · #FFFF6A

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

#1A0400

Vermilion · Black · Deep Berry

HEX
#1A0400
RGB
rgb(26, 4, 0)
HSL
hsl(9, 100%, 5%)
HSB
hsb(9, 100%, 10%)
CMYK
cmyk(0%, 85%, 100%, 90%)
Oklch
oklch(15.0% 0.045 41.8)

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

#761200

Vermilion · Maroon · Wine Red

HEX
#761200
RGB
rgb(118, 18, 0)
HSL
hsl(9, 100%, 23%)
HSB
hsb(9, 100%, 46%)
CMYK
cmyk(0%, 85%, 100%, 54%)
Oklch
oklch(36.6% 0.136 32.6)

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

#D81000

Vermilion · Red · Passion Red

HEX
#D81000
RGB
rgb(216, 16, 0)
HSL
hsl(4, 100%, 42%)
HSB
hsb(4, 100%, 85%)
CMYK
cmyk(0%, 93%, 100%, 15%)
Oklch
oklch(55.8% 0.224 30.0)

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

#FF9300

Ochre · Orange · Amber Brown

HEX
#FF9300
RGB
rgb(255, 147, 0)
HSL
hsl(35, 100%, 50%)
HSB
hsb(35, 100%, 100%)
CMYK
cmyk(0%, 42%, 100%, 0%)
Oklch
oklch(76.2% 0.176 61.6)

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

#FFFF6A

Fresh Green · Khaki · Sunflower

HEX
#FFFF6A
RGB
rgb(255, 255, 106)
HSL
hsl(60, 100%, 71%)
HSB
hsb(60, 58%, 100%)
CMYK
cmyk(0%, 0%, 58%, 0%)
Oklch
oklch(97.3% 0.168 109.2)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1A0400
00161A

Analogous

1A0009
1A0400
1A1100

Triadic

1A0400
001A04
04001A

Split-Comp.

1A0400
001A11
00091A

Tetradic

1A0400
091A00
00161A
11001A

Contrast Matrix WCAG 2.1 Contrast

1A0400
761200
D81000
FF9300
FFFF6A
—
1.7
Fail
3.8
AA Large
8.9
AAA
18.6
AAA
1.7
Fail
—
2.2
Fail
5.1
AA
10.6
AAA
3.8
AA Large
2.2
Fail
—
2.4
Fail
4.9
AA
8.9
AAA
5.1
AA
2.4
Fail
—
2.1
Fail
18.6
AAA
10.6
AAA
4.9
AA
2.1
Fail
—
White BG
19.8AAA
11.3AAA
5.3AA
2.2Fail
1.1Fail
Black BG
1.1Fail
1.9Fail
4.0AA Large
9.4AAA
19.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

101001
4B4A04
818004
D0CF24
FFFF8E

Deuteranopia

121301
515805
8D9C05
D7DF2C
FFFF97

Tritanopia

190202
710809
CE0708
FA4046
FFABB1

Achromatopsia

0A0A0A
2E2E2E
4A4A4A
A3A3A3
EEEEEE

Shades & Tints Shades & Tints

#1A0400

Dark
Light

#761200

Dark
Light

#D81000

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1a0400;
  --color-2: #761200;
  --color-3: #d81000;
  --color-4: #ff9300;
  --color-5: #ffff6a;
}

SCSS

$color-1: #1a0400;
$color-2: #761200;
$color-3: #d81000;
$color-4: #ff9300;
$color-5: #ffff6a;

TAILWIND

colors: {
  'brand-1': '#1a0400',
  'brand-2': '#761200',
  'brand-3': '#d81000',
  'brand-4': '#ff9300',
  'brand-5': '#ffff6a',
}

RGB Array

[26, 4, 0], [118, 18, 0], [216, 16, 0], [255, 147, 0], [255, 255, 106]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #1A0400, #761200, #D81000, #FF9300, #FFFF6A 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: #1a0400; --color-2: #761200; --color-3: #d81000; --color-4: #ff9300; --color-5: #ffff6a. 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