← Back to Editor

#B10200 · #290205 · #4E6121 · #3B9780 · #C5CB83

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

#B10200

Vermilion · DarkRed · Wine Red

HEX
#B10200
RGB
rgb(177, 2, 0)
HSL
hsl(1, 100%, 35%)
HSB
hsb(1, 100%, 69%)
CMYK
cmyk(0%, 99%, 100%, 31%)
Oklch
oklch(47.8% 0.195 29.4)

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

#290205

Vermilion · Black · Deep Berry

HEX
#290205
RGB
rgb(41, 2, 5)
HSL
hsl(355, 91%, 8%)
HSB
hsb(355, 95%, 16%)
CMYK
cmyk(0%, 95%, 88%, 84%)
Oklch
oklch(18.2% 0.067 21.1)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

#4E6121

Grass Green · DarkOliveGreen · Forest Green

HEX
#4E6121
RGB
rgb(78, 97, 33)
HSL
hsl(78, 49%, 25%)
HSB
hsb(78, 66%, 38%)
CMYK
cmyk(20%, 0%, 66%, 62%)
Oklch
oklch(46.2% 0.092 124.0)

Traditional「Grass Green」· Paint「Forest Green」· Creative Blush Sunrise

#3B9780

Mineral Blue · MediumSeaGreen · Mint Ice

HEX
#3B9780
RGB
rgb(59, 151, 128)
HSL
hsl(165, 44%, 41%)
HSB
hsb(165, 61%, 59%)
CMYK
cmyk(61%, 0%, 15%, 41%)
Oklch
oklch(61.5% 0.094 173.8)

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

#C5CB83

Fresh Green · Tan · Sunflower

HEX
#C5CB83
RGB
rgb(197, 203, 131)
HSL
hsl(65, 41%, 65%)
HSB
hsb(65, 35%, 80%)
CMYK
cmyk(3%, 0%, 35%, 20%)
Oklch
oklch(82.1% 0.094 112.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B10200
00B0B3

Analogous

B30056
B10200
B35C00

Triadic

B10200
00B303
0300B3

Split-Comp.

B10200
00B35C
0056B3

Tetradic

B10200
56B300
00B0B3
5C00B3

Contrast Matrix WCAG 2.1 Contrast

B10200
290205
4E6121
3B9780
C5CB83
—
2.6
Fail
1.1
Fail
2.1
Fail
4.3
AA Large
2.6
Fail
—
2.8
Fail
5.4
AA
11.1
AAA
1.1
Fail
2.8
Fail
—
1.9
Fail
4.0
AA Large
2.1
Fail
5.4
AA
1.9
Fail
—
2.1
Fail
4.3
AA Large
11.1
AAA
4.0
AA Large
2.1
Fail
—
White BG
7.3AAA
19.0AAA
6.9AA
3.5AA Large
1.7Fail
Black BG
2.9Fail
1.1Fail
3.1AA Large
5.9AA
12.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

656400
181804
565630
636486
C8C894

Deuteranopia

6F7C01
1A1D04
555434
5E5787
C7C799

Tritanopia

A80101
270404
4F3D3F
408A8B
C5A2A5

Achromatopsia

363636
0E0E0E
545454
797979
C1C1C1

Shades & Tints Shades & Tints

#B10200

Dark
Light

#290205

Dark
Light

#4E6121

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b10200;
  --color-2: #290205;
  --color-3: #4e6121;
  --color-4: #3b9780;
  --color-5: #c5cb83;
}

SCSS

$color-1: #b10200;
$color-2: #290205;
$color-3: #4e6121;
$color-4: #3b9780;
$color-5: #c5cb83;

TAILWIND

colors: {
  'brand-1': '#b10200',
  'brand-2': '#290205',
  'brand-3': '#4e6121',
  'brand-4': '#3b9780',
  'brand-5': '#c5cb83',
}

RGB Array

[177, 2, 0], [41, 2, 5], [78, 97, 33], [59, 151, 128], [197, 203, 131]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B10200, #290205, #4E6121, #3B9780, #C5CB83 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, 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: #b10200; --color-2: #290205; --color-3: #4e6121; --color-4: #3b9780; --color-5: #c5cb83. 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. 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