← Back to Editor

#655857 · #BE0C18 · #E6270B · #F93B0C · #4C1B24

warm

A 5-color warm 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

#655857

Ink Gray · DimGray · Charcoal

HEX
#655857
RGB
rgb(101, 88, 87)
HSL
hsl(4, 7%, 37%)
HSB
hsb(4, 14%, 40%)
CMYK
cmyk(0%, 13%, 14%, 60%)
Oklch
oklch(47.3% 0.017 23.0)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

#BE0C18

Vermilion · FireBrick · Wine Red

HEX
#BE0C18
RGB
rgb(190, 12, 24)
HSL
hsl(356, 88%, 40%)
HSB
hsb(356, 94%, 75%)
CMYK
cmyk(0%, 94%, 87%, 25%)
Oklch
oklch(50.8% 0.202 26.8)

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

#E6270B

Vermilion · OrangeRed · Passion Red

HEX
#E6270B
RGB
rgb(230, 39, 11)
HSL
hsl(8, 91%, 47%)
HSB
hsb(8, 95%, 90%)
CMYK
cmyk(0%, 83%, 95%, 10%)
Oklch
oklch(59.4% 0.226 31.1)

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

#F93B0C

Vermilion · OrangeRed · Passion Red

HEX
#F93B0C
RGB
rgb(249, 59, 12)
HSL
hsl(12, 95%, 51%)
HSB
hsb(12, 95%, 98%)
CMYK
cmyk(0%, 76%, 95%, 2%)
Oklch
oklch(64.2% 0.230 33.3)

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

#4C1B24

Crimson · Maroon · Deep Berry

HEX
#4C1B24
RGB
rgb(76, 27, 36)
HSL
hsl(349, 48%, 20%)
HSB
hsb(349, 64%, 30%)
CMYK
cmyk(0%, 64%, 53%, 70%)
Oklch
oklch(30.0% 0.075 11.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

655857
586465

Analogous

65585D
655857
655F58

Triadic

655857
586559
595865

Split-Comp.

655857
58655F
585D65

Tetradic

655857
5D6558
586465
5F5865

Contrast Matrix WCAG 2.1 Contrast

655857
BE0C18
E6270B
F93B0C
4C1B24
—
1.1
Fail
1.5
Fail
1.8
Fail
2.1
Fail
1.1
Fail
—
1.4
Fail
1.7
Fail
2.2
Fail
1.5
Fail
1.4
Fail
—
1.2
Fail
3.1
AA Large
1.8
Fail
1.7
Fail
1.2
Fail
—
3.8
AA Large
2.1
Fail
2.2
Fail
3.1
AA Large
3.8
AA Large
—
White BG
6.8AA
6.5AA
4.5AA
3.7AA Large
14.1AAA
Black BG
3.1AA Large
3.3AA Large
4.7AA
5.7AA
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

5F5F57
716F15
939212
A7A517
373622

Deuteranopia

606157
7B8914
9EAD13
B2C01A
3A3D21

Tritanopia

645757
B51312
DC1718
EF2022
4A2020

Achromatopsia

5C5C5C
434343
5D5D5D
6E6E6E
2B2B2B

Shades & Tints Shades & Tints

#655857

Dark
Light

#BE0C18

Dark
Light

#E6270B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #655857;
  --color-2: #be0c18;
  --color-3: #e6270b;
  --color-4: #f93b0c;
  --color-5: #4c1b24;
}

SCSS

$color-1: #655857;
$color-2: #be0c18;
$color-3: #e6270b;
$color-4: #f93b0c;
$color-5: #4c1b24;

TAILWIND

colors: {
  'brand-1': '#655857',
  'brand-2': '#be0c18',
  'brand-3': '#e6270b',
  'brand-4': '#f93b0c',
  'brand-5': '#4c1b24',
}

RGB Array

[101, 88, 87], [190, 12, 24], [230, 39, 11], [249, 59, 12], [76, 27, 36]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #655857, #BE0C18, #E6270B, #F93B0C, #4C1B24 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: #655857; --color-2: #be0c18; --color-3: #e6270b; --color-4: #f93b0c; --color-5: #4c1b24. 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 warm-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