← Back to Editor

#C80E1C · #DB5716 · #B7CF00 · #DBE08C · #41BFBB

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

#C80E1C

Vermilion · FireBrick · Passion Red

HEX
#C80E1C
RGB
rgb(200, 14, 28)
HSL
hsl(355, 87%, 42%)
HSB
hsb(355, 93%, 78%)
CMYK
cmyk(0%, 93%, 86%, 22%)
Oklch
oklch(52.8% 0.209 26.5)

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

#DB5716

Tangerine · Chocolate · Amber Brown

HEX
#DB5716
RGB
rgb(219, 87, 22)
HSL
hsl(20, 82%, 47%)
HSB
hsb(20, 90%, 86%)
CMYK
cmyk(0%, 60%, 90%, 14%)
Oklch
oklch(62.2% 0.179 41.8)

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

#B7CF00

Autumn Sage · GoldenRod · Honey Gold

HEX
#B7CF00
RGB
rgb(183, 207, 0)
HSL
hsl(67, 100%, 41%)
HSB
hsb(67, 100%, 81%)
CMYK
cmyk(12%, 0%, 100%, 19%)
Oklch
oklch(80.8% 0.188 117.8)

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

#DBE08C

Fresh Green · Khaki · Sunflower

HEX
#DBE08C
RGB
rgb(219, 224, 140)
HSL
hsl(64, 58%, 71%)
HSB
hsb(64, 37%, 88%)
CMYK
cmyk(2%, 0%, 37%, 12%)
Oklch
oklch(88.4% 0.107 111.3)

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

#41BFBB

Mineral Blue · MediumTurquoise · Mint Ice

HEX
#41BFBB
RGB
rgb(65, 191, 187)
HSL
hsl(178, 50%, 50%)
HSB
hsb(178, 66%, 75%)
CMYK
cmyk(66%, 0%, 2%, 25%)
Oklch
oklch(73.6% 0.109 192.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C80E1C
0EC8B9

Analogous

C80E7B
C80E1C
C85C0E

Triadic

C80E1C
1DC80E
0E1DC8

Split-Comp.

C80E1C
0EC85C
0E7BC8

Tetradic

C80E1C
7BC80E
0EC8B9
5C0EC8

Contrast Matrix WCAG 2.1 Contrast

C80E1C
DB5716
B7CF00
DBE08C
41BFBB
—
1.5
Fail
3.4
AA Large
4.3
AA Large
2.7
Fail
1.5
Fail
—
2.2
Fail
2.8
Fail
1.7
Fail
3.4
AA Large
2.2
Fail
—
1.3
Fail
1.3
Fail
4.3
AA Large
2.8
Fail
1.3
Fail
—
1.6
Fail
2.7
Fail
1.7
Fail
1.3
Fail
1.6
Fail
—
White BG
5.9AA
3.9AA Large
1.8Fail
1.4Fail
2.2Fail
Black BG
3.5AA Large
5.4AA
11.9AAA
15.1AAA
9.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

777619
A2A126
C1C232
DDDDA0
7879BC

Deuteranopia

829018
AAB32A
C0BE3E
DDDDA5
7067BC

Tritanopia

BF1615
D43235
B85A62
DBB0B4
47BDBD

Achromatopsia

474747
777777
B0B0B0
D5D5D5
999999

Shades & Tints Shades & Tints

#C80E1C

Dark
Light

#DB5716

Dark
Light

#B7CF00

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c80e1c;
  --color-2: #db5716;
  --color-3: #b7cf00;
  --color-4: #dbe08c;
  --color-5: #41bfbb;
}

SCSS

$color-1: #c80e1c;
$color-2: #db5716;
$color-3: #b7cf00;
$color-4: #dbe08c;
$color-5: #41bfbb;

TAILWIND

colors: {
  'brand-1': '#c80e1c',
  'brand-2': '#db5716',
  'brand-3': '#b7cf00',
  'brand-4': '#dbe08c',
  'brand-5': '#41bfbb',
}

RGB Array

[200, 14, 28], [219, 87, 22], [183, 207, 0], [219, 224, 140], [65, 191, 187]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C80E1C, #DB5716, #B7CF00, #DBE08C, #41BFBB 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: #c80e1c; --color-2: #db5716; --color-3: #b7cf00; --color-4: #dbe08c; --color-5: #41bfbb. 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