← Back to Editor

#611A2A · #CD451B · #FD9019 · #064E66 · #313246

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

#611A2A

Crimson · Maroon · Wine Red

HEX
#611A2A
RGB
rgb(97, 26, 42)
HSL
hsl(346, 58%, 24%)
HSB
hsb(346, 73%, 38%)
CMYK
cmyk(0%, 73%, 57%, 62%)
Oklch
oklch(33.9% 0.102 11.2)

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

#CD451B

Vermilion · Chocolate · Passion Red

HEX
#CD451B
RGB
rgb(205, 69, 27)
HSL
hsl(14, 77%, 45%)
HSB
hsb(14, 87%, 80%)
CMYK
cmyk(0%, 66%, 87%, 20%)
Oklch
oklch(57.7% 0.180 36.4)

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

#FD9019

Ginger · Orange · Warm Sun

HEX
#FD9019
RGB
rgb(253, 144, 25)
HSL
hsl(31, 98%, 55%)
HSB
hsb(31, 90%, 99%)
CMYK
cmyk(0%, 43%, 90%, 1%)
Oklch
oklch(75.5% 0.172 59.4)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#064E66

Lake Blue · DarkSlateGray · Peacock Green

HEX
#064E66
RGB
rgb(6, 78, 102)
HSL
hsl(195, 89%, 21%)
HSB
hsb(195, 94%, 40%)
CMYK
cmyk(94%, 24%, 0%, 60%)
Oklch
oklch(39.6% 0.075 227.8)

Traditional「Lake Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#313246

Indigo · DarkSlateGray · Prussian Blue

HEX
#313246
RGB
rgb(49, 50, 70)
HSL
hsl(237, 18%, 23%)
HSB
hsb(237, 30%, 27%)
CMYK
cmyk(30%, 29%, 0%, 73%)
Oklch
oklch(32.5% 0.035 282.0)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

611A2A
1A6150

Analogous

611A4E
611A2A
612D1A

Triadic

611A2A
2A611A
1A2A61

Split-Comp.

611A2A
1A612D
1A4E61

Tetradic

611A2A
4E611A
1A6150
2D1A61

Contrast Matrix WCAG 2.1 Contrast

611A2A
CD451B
FD9019
064E66
313246
—
2.6
Fail
5.4
AA
1.4
Fail
1.0
Fail
2.6
Fail
—
2.1
Fail
1.9
Fail
2.7
Fail
5.4
AA
2.1
Fail
—
4.0
AA Large
5.5
AA
1.4
Fail
1.9
Fail
4.0
AA Large
—
1.4
Fail
1.0
Fail
2.7
Fail
5.5
AA
1.4
Fail
—
White BG
12.4AAA
4.7AA
2.3Fail
9.2AAA
12.5AAA
Black BG
1.7Fail
4.5AA Large
9.2AAA
2.3Fail
1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

424226
929125
CECD36
252660
313141

Deuteranopia

464C25
9AA428
D4DC3D
211C5F
313140

Tritanopia

5D2322
C62D2F
F84D52
0A5C5B
313D3D

Achromatopsia

313131
696969
A3A3A3
3B3B3B
343434

Shades & Tints Shades & Tints

#611A2A

Dark
Light

#CD451B

Dark
Light

#FD9019

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #611a2a;
  --color-2: #cd451b;
  --color-3: #fd9019;
  --color-4: #064e66;
  --color-5: #313246;
}

SCSS

$color-1: #611a2a;
$color-2: #cd451b;
$color-3: #fd9019;
$color-4: #064e66;
$color-5: #313246;

TAILWIND

colors: {
  'brand-1': '#611a2a',
  'brand-2': '#cd451b',
  'brand-3': '#fd9019',
  'brand-4': '#064e66',
  'brand-5': '#313246',
}

RGB Array

[97, 26, 42], [205, 69, 27], [253, 144, 25], [6, 78, 102], [49, 50, 70]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #611A2A, #CD451B, #FD9019, #064E66, #313246 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: #611a2a; --color-2: #cd451b; --color-3: #fd9019; --color-4: #064e66; --color-5: #313246. 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