← Back to Editor

#CBFFBD · #B62542 · #7C113F · #611039 · #2F0529

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#CBFFBD

Emerald · LightGray · Mint Green

HEX
#CBFFBD
RGB
rgb(203, 255, 189)
HSL
hsl(107, 100%, 87%)
HSB
hsb(107, 26%, 100%)
CMYK
cmyk(20%, 0%, 26%, 0%)
Oklch
oklch(94.8% 0.102 139.1)

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

#B62542

Vermilion · Brown · Passion Red

HEX
#B62542
RGB
rgb(182, 37, 66)
HSL
hsl(348, 66%, 43%)
HSB
hsb(348, 80%, 71%)
CMYK
cmyk(0%, 80%, 64%, 29%)
Oklch
oklch(51.1% 0.179 15.9)

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

#7C113F

Dark Violet · Brown · Camellia

HEX
#7C113F
RGB
rgb(124, 17, 63)
HSL
hsl(334, 76%, 28%)
HSB
hsb(334, 86%, 49%)
CMYK
cmyk(0%, 86%, 49%, 51%)
Oklch
oklch(38.8% 0.143 1.7)

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

#611039

Dark Violet · Maroon · Raspberry

HEX
#611039
RGB
rgb(97, 16, 57)
HSL
hsl(330, 72%, 22%)
HSB
hsb(330, 84%, 38%)
CMYK
cmyk(0%, 84%, 41%, 62%)
Oklch
oklch(33.3% 0.119 355.2)

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

#2F0529

Rose Purple · Black · Dark Purple

HEX
#2F0529
RGB
rgb(47, 5, 41)
HSL
hsl(309, 81%, 10%)
HSB
hsb(309, 89%, 18%)
CMYK
cmyk(0%, 89%, 13%, 82%)
Oklch
oklch(21.7% 0.084 334.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CBFFBD
F1BDFF

Analogous

ECFFBD
CBFFBD
BDFFCF

Triadic

CBFFBD
BDCBFF
FFBDCB

Split-Comp.

CBFFBD
CFBDFF
FFBDEC

Tetradic

CBFFBD
BDECFF
F1BDFF
FFCFBD

Contrast Matrix WCAG 2.1 Contrast

CBFFBD
B62542
7C113F
611039
2F0529
—
5.6
AA
9.2
AAA
11.3
AAA
15.8
AAA
5.6
AA
—
1.7
Fail
2.0
Fail
2.8
Fail
9.2
AAA
1.7
Fail
—
1.2
Fail
1.7
Fail
11.3
AAA
2.0
Fail
1.2
Fail
—
1.4
Fail
15.8
AAA
2.8
Fail
1.7
Fail
1.4
Fail
—
White BG
1.1Fail
6.3AA
10.5AAA
12.8AAA
17.9AAA
Black BG
18.6AAA
3.3AA Large
2.0Fail
1.6Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E2E2CD
77763B
4E4D34
3E3D2F
1D1C20

Deuteranopia

DFDBD1
808B39
545C31
43492D
1F221E

Tritanopia

CEDADC
AF3534
772B29
5D2726
2D1918

Achromatopsia

E8E8E8
545454
363636
2D2D2D
161616

Shades & Tints Shades & Tints

#CBFFBD

Dark
Light

#B62542

Dark
Light

#7C113F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cbffbd;
  --color-2: #b62542;
  --color-3: #7c113f;
  --color-4: #611039;
  --color-5: #2f0529;
}

SCSS

$color-1: #cbffbd;
$color-2: #b62542;
$color-3: #7c113f;
$color-4: #611039;
$color-5: #2f0529;

TAILWIND

colors: {
  'brand-1': '#cbffbd',
  'brand-2': '#b62542',
  'brand-3': '#7c113f',
  'brand-4': '#611039',
  'brand-5': '#2f0529',
}

RGB Array

[203, 255, 189], [182, 37, 66], [124, 17, 63], [97, 16, 57], [47, 5, 41]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CBFFBD, #B62542, #7C113F, #611039, #2F0529 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: #cbffbd; --color-2: #b62542; --color-3: #7c113f; --color-4: #611039; --color-5: #2f0529. 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