← Back to Editor

#851821 · #04FCF8 · #A99442 · #D36112 · #F39804

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#851821

Vermilion · Brown · Wine Red

HEX
#851821
RGB
rgb(133, 24, 33)
HSL
hsl(355, 69%, 31%)
HSB
hsb(355, 82%, 52%)
CMYK
cmyk(0%, 82%, 75%, 48%)
Oklch
oklch(40.4% 0.143 22.7)

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

#04FCF8

Mineral Blue · Cyan · Mint Ice

HEX
#04FCF8
RGB
rgb(4, 252, 248)
HSL
hsl(179, 98%, 50%)
HSB
hsb(179, 98%, 99%)
CMYK
cmyk(98%, 0%, 2%, 1%)
Oklch
oklch(89.6% 0.153 192.7)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#A99442

Ochre · DarkGoldenRod · Honey Gold

HEX
#A99442
RGB
rgb(169, 148, 66)
HSL
hsl(48, 44%, 46%)
HSB
hsb(48, 61%, 66%)
CMYK
cmyk(0%, 12%, 61%, 34%)
Oklch
oklch(66.9% 0.105 95.0)

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

#D36112

Tangerine · Chocolate · Amber Brown

HEX
#D36112
RGB
rgb(211, 97, 18)
HSL
hsl(25, 84%, 45%)
HSB
hsb(25, 91%, 83%)
CMYK
cmyk(0%, 54%, 91%, 17%)
Oklch
oklch(62.3% 0.164 47.8)

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

#F39804

Ochre · Orange · Amber Brown

HEX
#F39804
RGB
rgb(243, 152, 4)
HSL
hsl(37, 97%, 48%)
HSB
hsb(37, 98%, 95%)
CMYK
cmyk(0%, 37%, 98%, 5%)
Oklch
oklch(75.5% 0.165 67.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

851821
19867D

Analogous

861958
851821
864619

Triadic

851821
228619
192286

Split-Comp.

851821
198646
195886

Tetradic

851821
588619
19867D
461986

Contrast Matrix WCAG 2.1 Contrast

851821
04FCF8
A99442
D36112
F39804
—
7.6
AAA
3.3
AA Large
2.6
Fail
4.3
AA Large
7.6
AAA
—
2.3
Fail
3.0
Fail
1.8
Fail
3.3
AA Large
2.3
Fail
—
1.3
Fail
1.3
Fail
2.6
Fail
3.0
Fail
1.3
Fail
—
1.7
Fail
4.3
AA Large
1.8
Fail
1.3
Fail
1.7
Fail
—
White BG
9.8AAA
1.3Fail
3.0Fail
3.8AA Large
2.3Fail
Black BG
2.1Fail
16.3AAA
7.0AAA
5.5AA
9.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

56551F
6F72F9
A0A056
A2A125
CCCB28

Deuteranopia

5C641E
614EF9
A1A35B
A8B12A
D1D830

Tritanopia

801D1D
10FAFA
A86669
CD3438
EE444A

Achromatopsia

3A3A3A
B1B1B1
919191
7A7A7A
A2A2A2

Shades & Tints Shades & Tints

#851821

Dark
Light

#04FCF8

Dark
Light

#A99442

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #851821;
  --color-2: #04fcf8;
  --color-3: #a99442;
  --color-4: #d36112;
  --color-5: #f39804;
}

SCSS

$color-1: #851821;
$color-2: #04fcf8;
$color-3: #a99442;
$color-4: #d36112;
$color-5: #f39804;

TAILWIND

colors: {
  'brand-1': '#851821',
  'brand-2': '#04fcf8',
  'brand-3': '#a99442',
  'brand-4': '#d36112',
  'brand-5': '#f39804',
}

RGB Array

[133, 24, 33], [4, 252, 248], [169, 148, 66], [211, 97, 18], [243, 152, 4]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #851821, #04FCF8, #A99442, #D36112, #F39804 is ideal for: social media posters, mobile apps, e-commerce promos. 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: #851821; --color-2: #04fcf8; --color-3: #a99442; --color-4: #d36112; --color-5: #f39804. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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