← Back to Editor

#C02115 · #5DC292 · #BFFAAD · #F6E871 · #41B33E

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 AppData Visualization

Color Details Color Details

#C02115

Vermilion · FireBrick · Passion Red

HEX
#C02115
RGB
rgb(192, 33, 21)
HSL
hsl(4, 80%, 42%)
HSB
hsb(4, 89%, 75%)
CMYK
cmyk(0%, 83%, 89%, 25%)
Oklch
oklch(52.1% 0.195 29.7)

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

#5DC292

Mineral Blue · MediumAquaMarine · Olive Green

HEX
#5DC292
RGB
rgb(93, 194, 146)
HSL
hsl(151, 45%, 56%)
HSB
hsb(151, 52%, 76%)
CMYK
cmyk(52%, 0%, 25%, 24%)
Oklch
oklch(74.0% 0.119 160.8)

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

#BFFAAD

Emerald · LightGreen · Mint Green

HEX
#BFFAAD
RGB
rgb(191, 250, 173)
HSL
hsl(106, 89%, 83%)
HSB
hsb(106, 31%, 98%)
CMYK
cmyk(24%, 0%, 31%, 2%)
Oklch
oklch(92.6% 0.118 138.5)

Traditional「Emerald」· Paint「Mint Green」· Creative Mint Breeze

#F6E871

Fresh Green · Khaki · Sunflower

HEX
#F6E871
RGB
rgb(246, 232, 113)
HSL
hsl(54, 88%, 70%)
HSB
hsb(54, 54%, 96%)
CMYK
cmyk(0%, 6%, 54%, 4%)
Oklch
oklch(91.9% 0.141 102.6)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#41B33E

Celadon · LimeGreen · Olive Green

HEX
#41B33E
RGB
rgb(65, 179, 62)
HSL
hsl(118, 49%, 47%)
HSB
hsb(118, 65%, 70%)
CMYK
cmyk(64%, 0%, 65%, 30%)
Oklch
oklch(67.8% 0.187 142.8)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C02115
15B5C1

Analogous

C11560
C02115
C17715

Triadic

C02115
15C121
2115C1

Split-Comp.

C02115
15C177
1560C1

Tetradic

C02115
60C115
15B5C1
7715C1

Contrast Matrix WCAG 2.1 Contrast

C02115
5DC292
BFFAAD
F6E871
41B33E
—
2.8
Fail
5.0
AA
4.8
AA
2.2
Fail
2.8
Fail
—
1.8
Fail
1.7
Fail
1.2
Fail
5.0
AA
1.8
Fail
—
1.0
Fail
2.3
Fail
4.8
AA
1.7
Fail
1.0
Fail
—
2.2
Fail
2.2
Fail
1.2
Fail
2.3
Fail
2.2
Fail
—
White BG
6.1AA
2.2Fail
1.2Fail
1.3Fail
2.7Fail
Black BG
3.5AA Large
9.6AAA
17.5AAA
16.7AAA
7.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7B7A18
898A9E
D9D9C0
F0F08E
72735A

Deuteranopia

849019
837BA0
D5D1C4
F1F295
6C6361

Tritanopia

B81A1B
62A7A9
C2CED2
F5A5AA
477176

Achromatopsia

4F4F4F
9E9E9E
E0E0E0
DFDFDF
848484

Shades & Tints Shades & Tints

#C02115

Dark
Light

#5DC292

Dark
Light

#BFFAAD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c02115;
  --color-2: #5dc292;
  --color-3: #bffaad;
  --color-4: #f6e871;
  --color-5: #41b33e;
}

SCSS

$color-1: #c02115;
$color-2: #5dc292;
$color-3: #bffaad;
$color-4: #f6e871;
$color-5: #41b33e;

TAILWIND

colors: {
  'brand-1': '#c02115',
  'brand-2': '#5dc292',
  'brand-3': '#bffaad',
  'brand-4': '#f6e871',
  'brand-5': '#41b33e',
}

RGB Array

[192, 33, 21], [93, 194, 146], [191, 250, 173], [246, 232, 113], [65, 179, 62]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C02115, #5DC292, #BFFAAD, #F6E871, #41B33E is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #c02115; --color-2: #5dc292; --color-3: #bffaad; --color-4: #f6e871; --color-5: #41b33e. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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