← Back to Editor

#A01F62 · #FAC833 · #FFFFFF · #F2592F · #2E1421

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#A01F62

Rose Purple · MediumVioletRed · Camellia

HEX
#A01F62
RGB
rgb(160, 31, 98)
HSL
hsl(329, 68%, 37%)
HSB
hsb(329, 81%, 63%)
CMYK
cmyk(0%, 81%, 39%, 37%)
Oklch
oklch(47.7% 0.173 354.7)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

#FAC833

Ginger · GoldenRod · Sunflower

HEX
#FAC833
RGB
rgb(250, 200, 51)
HSL
hsl(45, 95%, 59%)
HSB
hsb(45, 80%, 98%)
CMYK
cmyk(0%, 20%, 80%, 2%)
Oklch
oklch(85.4% 0.162 88.6)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#FFFFFF

Moonlight White · White · Cloud White

HEX
#FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
HSB
hsb(0, 0%, 100%)
CMYK
cmyk(0%, 0%, 0%, 0%)
Oklch
oklch(100.0% 0.000 89.9)

Traditional「Moonlight White」· Paint「Cloud White」· Creative Morning Mist

#F2592F

Vermilion · Tomato · Passion Red

HEX
#F2592F
RGB
rgb(242, 89, 47)
HSL
hsl(13, 88%, 57%)
HSB
hsb(13, 81%, 95%)
CMYK
cmyk(0%, 63%, 81%, 5%)
Oklch
oklch(66.2% 0.196 35.8)

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

#2E1421

Dark Violet · Black · Raspberry

HEX
#2E1421
RGB
rgb(46, 20, 33)
HSL
hsl(330, 39%, 13%)
HSB
hsb(330, 57%, 18%)
CMYK
cmyk(0%, 57%, 28%, 82%)
Oklch
oklch(23.4% 0.047 350.0)

Traditional「Dark Violet」· Paint「Raspberry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A01F62
1E9F5C

Analogous

9C1E9F
A01F62
9F1E20

Triadic

A01F62
609F1E
1E609F

Split-Comp.

A01F62
209F1E
1E9F9C

Tetradic

A01F62
9F9C1E
1E9F5C
1E209F

Contrast Matrix WCAG 2.1 Contrast

A01F62
FAC833
FFFFFF
F2592F
2E1421
—
4.7
AA
7.3
AAA
2.2
Fail
2.3
Fail
4.7
AA
—
1.6
Fail
2.1
Fail
10.8
AAA
7.3
AAA
1.6
Fail
—
3.4
AA Large
17.0
AAA
2.2
Fail
2.1
Fail
3.4
AA Large
—
5.0
AA
2.3
Fail
10.8
AAA
17.0
AAA
5.0
AA
—
White BG
7.3AAA
1.6Fail
1.0Fail
3.4AA Large
17.0AAA
Black BG
2.9Fail
13.4AAA
21.0AAA
6.2AA
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

686752
E4E457
FFFFFF
B0AE39
23231E

Deuteranopia

70794E
E7EB60
FFFFFF
B9C43C
24261D

Tritanopia

9A4542
F8747A
FFFFFF
EA4143
2D1B1B

Achromatopsia

4D4D4D
C6C6C6
FFFFFF
828282
1D1D1D

Shades & Tints Shades & Tints

#A01F62

Dark
Light

#FAC833

Dark
Light

#FFFFFF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a01f62;
  --color-2: #fac833;
  --color-3: #ffffff;
  --color-4: #f2592f;
  --color-5: #2e1421;
}

SCSS

$color-1: #a01f62;
$color-2: #fac833;
$color-3: #ffffff;
$color-4: #f2592f;
$color-5: #2e1421;

TAILWIND

colors: {
  'brand-1': '#a01f62',
  'brand-2': '#fac833',
  'brand-3': '#ffffff',
  'brand-4': '#f2592f',
  'brand-5': '#2e1421',
}

RGB Array

[160, 31, 98], [250, 200, 51], [255, 255, 255], [242, 89, 47], [46, 20, 33]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A01F62, #FAC833, #FFFFFF, #F2592F, #2E1421 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #a01f62; --color-2: #fac833; --color-3: #ffffff; --color-4: #f2592f; --color-5: #2e1421. 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 tech, SaaS, healthcare, eco industries. 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