← Back to Editor

#442A0C · #AA1217 · #FF6600 · #FFCC00 · #DB001B

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 App

Color Details Color Details

#442A0C

Ochre · Maroon · Cinnamon

HEX
#442A0C
RGB
rgb(68, 42, 12)
HSL
hsl(32, 70%, 16%)
HSB
hsb(32, 82%, 27%)
CMYK
cmyk(0%, 38%, 82%, 73%)
Oklch
oklch(31.1% 0.058 66.3)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

#AA1217

Vermilion · FireBrick · Wine Red

HEX
#AA1217
RGB
rgb(170, 18, 23)
HSL
hsl(358, 81%, 37%)
HSB
hsb(358, 89%, 67%)
CMYK
cmyk(0%, 89%, 86%, 33%)
Oklch
oklch(47.1% 0.183 27.0)

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

#FF6600

Tangerine · OrangeRed · Amber Brown

HEX
#FF6600
RGB
rgb(255, 102, 0)
HSL
hsl(24, 100%, 50%)
HSB
hsb(24, 100%, 100%)
CMYK
cmyk(0%, 60%, 100%, 0%)
Oklch
oklch(69.6% 0.204 43.5)

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

#FFCC00

Ochre · Gold · Honey Gold

HEX
#FFCC00
RGB
rgb(255, 204, 0)
HSL
hsl(48, 100%, 50%)
HSB
hsb(48, 100%, 100%)
CMYK
cmyk(0%, 20%, 100%, 0%)
Oklch
oklch(86.5% 0.177 90.4)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#DB001B

Vermilion · Crimson · Passion Red

HEX
#DB001B
RGB
rgb(219, 0, 27)
HSL
hsl(353, 100%, 43%)
HSB
hsb(353, 100%, 86%)
CMYK
cmyk(0%, 100%, 88%, 14%)
Oklch
oklch(56.1% 0.228 26.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

442A0C
0C2745

Analogous

450E0C
442A0C
43450C

Triadic

442A0C
0C452B
2B0C45

Split-Comp.

442A0C
0C4345
0E0C45

Tetradic

442A0C
0C450E
0C2745
450C43

Contrast Matrix WCAG 2.1 Contrast

442A0C
AA1217
FF6600
FFCC00
DB001B
—
1.8
Fail
4.5
AA
8.8
AAA
2.5
Fail
1.8
Fail
—
2.5
Fail
4.9
AA
1.4
Fail
4.5
AA
2.5
Fail
—
1.9
Fail
1.8
Fail
8.8
AAA
4.9
AA
1.9
Fail
—
3.4
AA Large
2.5
Fail
1.4
Fail
1.8
Fail
3.4
AA Large
—
White BG
13.3AAA
7.5AAA
2.9Fail
1.5Fail
5.2AA
Black BG
1.6Fail
2.8Fail
7.2AAA
13.9AAA
4.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

393913
686716
BDBB19
E9E831
7C7A14

Deuteranopia

3A3C15
717C15
C6D11F
ECF03D
899913

Tritanopia

43191A
A21515
F72C30
FC5861
D00F0E

Achromatopsia

2E2E2E
404040
888888
C4C4C4
454545

Shades & Tints Shades & Tints

#442A0C

Dark
Light

#AA1217

Dark
Light

#FF6600

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #442a0c;
  --color-2: #aa1217;
  --color-3: #ff6600;
  --color-4: #ffcc00;
  --color-5: #db001b;
}

SCSS

$color-1: #442a0c;
$color-2: #aa1217;
$color-3: #ff6600;
$color-4: #ffcc00;
$color-5: #db001b;

TAILWIND

colors: {
  'brand-1': '#442a0c',
  'brand-2': '#aa1217',
  'brand-3': '#ff6600',
  'brand-4': '#ffcc00',
  'brand-5': '#db001b',
}

RGB Array

[68, 42, 12], [170, 18, 23], [255, 102, 0], [255, 204, 0], [219, 0, 27]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #442A0C, #AA1217, #FF6600, #FFCC00, #DB001B is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. Vivid colors effectively attract user attention. 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: #442a0c; --color-2: #aa1217; --color-3: #ff6600; --color-4: #ffcc00; --color-5: #db001b. 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. 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