← Back to Editor

#613A31 · #D92020 · #00E2BD · #E110AD · #F2CC00

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

#613A31

Crimson · DarkOliveGreen · Wine Red

HEX
#613A31
RGB
rgb(97, 58, 49)
HSL
hsl(11, 33%, 29%)
HSB
hsb(11, 49%, 38%)
CMYK
cmyk(0%, 40%, 49%, 62%)
Oklch
oklch(39.3% 0.058 33.7)

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

#D92020

Vermilion · Crimson · Passion Red

HEX
#D92020
RGB
rgb(217, 32, 32)
HSL
hsl(0, 74%, 49%)
HSB
hsb(0, 85%, 85%)
CMYK
cmyk(0%, 85%, 85%, 15%)
Oklch
oklch(56.8% 0.216 27.7)

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

#00E2BD

Mineral Blue · DarkTurquoise · Mint Ice

HEX
#00E2BD
RGB
rgb(0, 226, 189)
HSL
hsl(170, 100%, 44%)
HSB
hsb(170, 100%, 89%)
CMYK
cmyk(100%, 0%, 16%, 11%)
Oklch
oklch(81.5% 0.154 175.1)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#E110AD

Rose Purple · DeepPink · Violet

HEX
#E110AD
RGB
rgb(225, 16, 173)
HSL
hsl(315, 87%, 47%)
HSB
hsb(315, 93%, 88%)
CMYK
cmyk(0%, 93%, 23%, 12%)
Oklch
oklch(61.3% 0.258 342.5)

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

#F2CC00

Autumn Sage · Gold · Honey Gold

HEX
#F2CC00
RGB
rgb(242, 204, 0)
HSL
hsl(51, 100%, 47%)
HSB
hsb(51, 100%, 95%)
CMYK
cmyk(0%, 16%, 100%, 5%)
Oklch
oklch(85.2% 0.175 95.4)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

613A31
325962

Analogous

623241
613A31
625332

Triadic

613A31
32623A
3A3262

Split-Comp.

613A31
326253
324162

Tetradic

613A31
416232
325962
533262

Contrast Matrix WCAG 2.1 Contrast

613A31
D92020
00E2BD
E110AD
F2CC00
—
1.9
Fail
5.8
AA
2.3
Fail
6.2
AA
1.9
Fail
—
3.0
AA Large
1.2
Fail
3.2
AA Large
5.8
AA
3.0
AA Large
—
2.6
Fail
1.1
Fail
2.3
Fail
1.2
Fail
2.6
Fail
—
2.7
Fail
6.2
AA
3.2
AA Large
1.1
Fail
2.7
Fail
—
White BG
9.7AAA
5.0AA
1.7Fail
4.3AA Large
1.6Fail
Black BG
2.2Fail
4.2AA Large
12.6AAA
4.9AA
13.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

505033
898720
6264C6
878587
E2E131

Deuteranopia

525534
94A120
5544C8
93A27E
E4E73D

Tritanopia

5F3535
D02020
0BCDCF
D76962
F05861

Achromatopsia

454545
575757
9A9A9A
606060
C0C0C0

Shades & Tints Shades & Tints

#613A31

Dark
Light

#D92020

Dark
Light

#00E2BD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #613a31;
  --color-2: #d92020;
  --color-3: #00e2bd;
  --color-4: #e110ad;
  --color-5: #f2cc00;
}

SCSS

$color-1: #613a31;
$color-2: #d92020;
$color-3: #00e2bd;
$color-4: #e110ad;
$color-5: #f2cc00;

TAILWIND

colors: {
  'brand-1': '#613a31',
  'brand-2': '#d92020',
  'brand-3': '#00e2bd',
  'brand-4': '#e110ad',
  'brand-5': '#f2cc00',
}

RGB Array

[97, 58, 49], [217, 32, 32], [0, 226, 189], [225, 16, 173], [242, 204, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #613A31, #D92020, #00E2BD, #E110AD, #F2CC00 is ideal for: social media posters, mobile apps, e-commerce promos. 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: #613a31; --color-2: #d92020; --color-3: #00e2bd; --color-4: #e110ad; --color-5: #f2cc00. 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. 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