← Back to Editor

#C91E5A · #C9631E · #B0C91E · #1EC988 · #505956

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

#C91E5A

Dark Violet · Crimson · Camellia

HEX
#C91E5A
RGB
rgb(201, 30, 90)
HSL
hsl(339, 74%, 45%)
HSB
hsb(339, 85%, 79%)
CMYK
cmyk(0%, 85%, 55%, 21%)
Oklch
oklch(54.7% 0.203 7.9)

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

#C9631E

Tangerine · Chocolate · Amber Brown

HEX
#C9631E
RGB
rgb(201, 99, 30)
HSL
hsl(24, 74%, 45%)
HSB
hsb(24, 85%, 79%)
CMYK
cmyk(0%, 51%, 85%, 21%)
Oklch
oklch(61.2% 0.150 49.3)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#B0C91E

Autumn Sage · GoldenRod · Honey Gold

HEX
#B0C91E
RGB
rgb(176, 201, 30)
HSL
hsl(69, 74%, 45%)
HSB
hsb(69, 85%, 79%)
CMYK
cmyk(12%, 0%, 85%, 21%)
Oklch
oklch(79.0% 0.178 118.6)

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

#1EC988

Mineral Blue · LightSeaGreen · Olive Green

HEX
#1EC988
RGB
rgb(30, 201, 136)
HSL
hsl(157, 74%, 45%)
HSB
hsb(157, 85%, 79%)
CMYK
cmyk(85%, 0%, 32%, 21%)
Oklch
oklch(74.0% 0.161 160.5)

Traditional「Mineral Blue」· Paint「Olive Green」· Creative Blush Sunrise

#505956

Ink Gray · DarkSlateGray · Charcoal

HEX
#505956
RGB
rgb(80, 89, 86)
HSL
hsl(160, 5%, 33%)
HSB
hsb(160, 10%, 35%)
CMYK
cmyk(10%, 0%, 3%, 65%)
Oklch
oklch(45.5% 0.012 173.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C91E5A
1EC88C

Analogous

C81EAE
C91E5A
C8371E

Triadic

C91E5A
59C81E
1E59C8

Split-Comp.

C91E5A
1EC837
1EAEC8

Tetradic

C91E5A
AEC81E
1EC88C
371EC8

Contrast Matrix WCAG 2.1 Contrast

C91E5A
C9631E
B0C91E
1EC988
505956
—
1.4
Fail
2.9
Fail
2.6
Fail
1.3
Fail
1.4
Fail
—
2.1
Fail
1.8
Fail
1.8
Fail
2.9
Fail
2.1
Fail
—
1.1
Fail
3.9
AA Large
2.6
Fail
1.8
Fail
1.1
Fail
—
3.4
AA Large
1.3
Fail
1.8
Fail
3.9
AA Large
3.4
AA Large
—
White BG
5.5AA
4.0AA Large
1.9Fail
2.2Fail
7.2AAA
Black BG
3.8AA Large
5.3AA
11.2AAA
9.8AAA
2.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

7F7D4B
9D9C2F
BBBB47
686A98
545457

Deuteranopia

899648
A3AA33
B9B851
5E519C
535357

Tritanopia

C0403E
C43C3F
B1686F
27A4A7
505757

Achromatopsia

585858
7A7A7A
AEAEAE
8E8E8E
565656

Shades & Tints Shades & Tints

#C91E5A

Dark
Light

#C9631E

Dark
Light

#B0C91E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c91e5a;
  --color-2: #c9631e;
  --color-3: #b0c91e;
  --color-4: #1ec988;
  --color-5: #505956;
}

SCSS

$color-1: #c91e5a;
$color-2: #c9631e;
$color-3: #b0c91e;
$color-4: #1ec988;
$color-5: #505956;

TAILWIND

colors: {
  'brand-1': '#c91e5a',
  'brand-2': '#c9631e',
  'brand-3': '#b0c91e',
  'brand-4': '#1ec988',
  'brand-5': '#505956',
}

RGB Array

[201, 30, 90], [201, 99, 30], [176, 201, 30], [30, 201, 136], [80, 89, 86]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C91E5A, #C9631E, #B0C91E, #1EC988, #505956 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: #c91e5a; --color-2: #c9631e; --color-3: #b0c91e; --color-4: #1ec988; --color-5: #505956. 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