← Back to Editor

#FF264A · #632526 · #802827 · #A52F2D · #5A1F23

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

#FF264A

Vermilion · Crimson · Passion Red

HEX
#FF264A
RGB
rgb(255, 38, 74)
HSL
hsl(350, 100%, 57%)
HSB
hsb(350, 85%, 100%)
CMYK
cmyk(0%, 85%, 71%, 0%)
Oklch
oklch(64.4% 0.242 20.3)

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

#632526

Crimson · Maroon · Wine Red

HEX
#632526
RGB
rgb(99, 37, 38)
HSL
hsl(359, 46%, 27%)
HSB
hsb(359, 63%, 39%)
CMYK
cmyk(0%, 63%, 62%, 61%)
Oklch
oklch(35.6% 0.090 21.9)

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

#802827

Crimson · Brown · Wine Red

HEX
#802827
RGB
rgb(128, 40, 39)
HSL
hsl(1, 53%, 33%)
HSB
hsb(1, 70%, 50%)
CMYK
cmyk(0%, 69%, 70%, 50%)
Oklch
oklch(41.1% 0.122 24.8)

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

#A52F2D

Crimson · Brown · Passion Red

HEX
#A52F2D
RGB
rgb(165, 47, 45)
HSL
hsl(1, 57%, 41%)
HSB
hsb(1, 73%, 65%)
CMYK
cmyk(0%, 72%, 73%, 35%)
Oklch
oklch(48.6% 0.155 25.8)

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

#5A1F23

Crimson · Maroon · Wine Red

HEX
#5A1F23
RGB
rgb(90, 31, 35)
HSL
hsl(356, 49%, 24%)
HSB
hsb(356, 66%, 35%)
CMYK
cmyk(0%, 66%, 61%, 65%)
Oklch
oklch(33.1% 0.087 19.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF264A
24FFDA

Analogous

FF24B6
FF264A
FF6D24

Triadic

FF264A
48FF24
2448FF

Split-Comp.

FF264A
24FF6D
24B6FF

Tetradic

FF264A
B6FF24
24FFDA
6D24FF

Contrast Matrix WCAG 2.1 Contrast

FF264A
632526
802827
A52F2D
5A1F23
—
3.1
AA Large
2.5
Fail
1.8
Fail
3.4
AA Large
3.1
AA Large
—
1.2
Fail
1.7
Fail
1.1
Fail
2.5
Fail
1.2
Fail
—
1.4
Fail
1.4
Fail
1.8
Fail
1.7
Fail
1.4
Fail
—
1.8
Fail
3.4
AA Large
1.1
Fail
1.4
Fail
1.8
Fail
—
White BG
3.7AA Large
11.5AAA
9.3AAA
6.9AA
12.7AAA
Black BG
5.6AA
1.8Fail
2.3Fail
3.0AA Large
1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A19F41
484826
5A5927
72712D
404022

Deuteranopia

AEBE3F
4C5026
5F6627
79822E
444822

Tritanopia

F43A39
602626
7C2727
9F2E2E
572121

Achromatopsia

6B6B6B
383838
424242
525252
313131

Shades & Tints Shades & Tints

#FF264A

Dark
Light

#632526

Dark
Light

#802827

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff264a;
  --color-2: #632526;
  --color-3: #802827;
  --color-4: #a52f2d;
  --color-5: #5a1f23;
}

SCSS

$color-1: #ff264a;
$color-2: #632526;
$color-3: #802827;
$color-4: #a52f2d;
$color-5: #5a1f23;

TAILWIND

colors: {
  'brand-1': '#ff264a',
  'brand-2': '#632526',
  'brand-3': '#802827',
  'brand-4': '#a52f2d',
  'brand-5': '#5a1f23',
}

RGB Array

[255, 38, 74], [99, 37, 38], [128, 40, 39], [165, 47, 45], [90, 31, 35]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FF264A, #632526, #802827, #A52F2D, #5A1F23 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: #ff264a; --color-2: #632526; --color-3: #802827; --color-4: #a52f2d; --color-5: #5a1f23. 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