← Back to Editor

#500700 · #A20A05 · #D30002 · #D94C5C · #FCFDFF

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 AppData Visualization

Color Details Color Details

#500700

Vermilion · Maroon · Deep Berry

HEX
#500700
RGB
rgb(80, 7, 0)
HSL
hsl(5, 100%, 16%)
HSB
hsb(5, 100%, 31%)
CMYK
cmyk(0%, 91%, 100%, 69%)
Oklch
oklch(27.7% 0.105 31.9)

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

#A20A05

Vermilion · DarkRed · Wine Red

HEX
#A20A05
RGB
rgb(162, 10, 5)
HSL
hsl(2, 94%, 33%)
HSB
hsb(2, 97%, 64%)
CMYK
cmyk(0%, 94%, 97%, 36%)
Oklch
oklch(45.1% 0.180 29.3)

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

#D30002

Vermilion · Red · Passion Red

HEX
#D30002
RGB
rgb(211, 0, 2)
HSL
hsl(359, 100%, 41%)
HSB
hsb(359, 100%, 83%)
CMYK
cmyk(0%, 100%, 99%, 17%)
Oklch
oklch(54.4% 0.223 29.1)

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

#D94C5C

Vermilion · Tomato · Passion Red

HEX
#D94C5C
RGB
rgb(217, 76, 92)
HSL
hsl(353, 65%, 57%)
HSB
hsb(353, 65%, 85%)
CMYK
cmyk(0%, 65%, 58%, 15%)
Oklch
oklch(61.3% 0.176 17.4)

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

#FCFDFF

Azure · White · Sky Blue

HEX
#FCFDFF
RGB
rgb(252, 253, 255)
HSL
hsl(220, 100%, 99%)
HSB
hsb(220, 1%, 100%)
CMYK
cmyk(1%, 1%, 0%, 0%)
Oklch
oklch(99.4% 0.003 264.5)

Traditional「Azure」· Paint「Sky Blue」· Creative Twilight Haze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

500700
004B52

Analogous

520022
500700
523000

Triadic

500700
005207
070052

Split-Comp.

500700
005230
002252

Tetradic

500700
225200
004B52
300052

Contrast Matrix WCAG 2.1 Contrast

500700
A20A05
D30002
D94C5C
FCFDFF
—
1.9
Fail
2.7
Fail
3.7
AA Large
15.0
AAA
1.9
Fail
—
1.5
Fail
2.0
Fail
8.0
AAA
2.7
Fail
1.5
Fail
—
1.4
Fail
5.5
AA
3.7
AA Large
2.0
Fail
1.4
Fail
—
4.0
AA Large
15.0
AAA
8.0
AAA
5.5
AA
4.0
AA Large
—
White BG
15.3AAA
8.1AAA
5.6AA
4.1AA Large
1.0Fail
Black BG
1.4Fail
2.6Fail
3.8AA Large
5.1AA
20.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

303002
605F06
787602
9C9B58
FCFCFF

Deuteranopia

353A02
697407
849401
A4AF57
FCFCFE

Tritanopia

4C0303
9A0707
C80101
D25554
FCFEFE

Achromatopsia

1C1C1C
373737
3F3F3F
787878
FDFDFD

Shades & Tints Shades & Tints

#500700

Dark
Light

#A20A05

Dark
Light

#D30002

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #500700;
  --color-2: #a20a05;
  --color-3: #d30002;
  --color-4: #d94c5c;
  --color-5: #fcfdff;
}

SCSS

$color-1: #500700;
$color-2: #a20a05;
$color-3: #d30002;
$color-4: #d94c5c;
$color-5: #fcfdff;

TAILWIND

colors: {
  'brand-1': '#500700',
  'brand-2': '#a20a05',
  'brand-3': '#d30002',
  'brand-4': '#d94c5c',
  'brand-5': '#fcfdff',
}

RGB Array

[80, 7, 0], [162, 10, 5], [211, 0, 2], [217, 76, 92], [252, 253, 255]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #500700, #A20A05, #D30002, #D94C5C, #FCFDFF is ideal for: social media posters, mobile apps, e-commerce promos, 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: #500700; --color-2: #a20a05; --color-3: #d30002; --color-4: #d94c5c; --color-5: #fcfdff. 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. 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