← Back to Editor

#B2CC21 · #FF795E · #FA2582 · #A1607C · #84B5A9

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

#B2CC21

Autumn Sage · GreenYellow · Honey Gold

HEX
#B2CC21
RGB
rgb(178, 204, 33)
HSL
hsl(69, 72%, 46%)
HSB
hsb(69, 84%, 80%)
CMYK
cmyk(13%, 0%, 84%, 20%)
Oklch
oklch(79.8% 0.180 118.8)

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

#FF795E

Peach Pink · Coral · Coral Red

HEX
#FF795E
RGB
rgb(255, 121, 94)
HSL
hsl(10, 100%, 68%)
HSB
hsb(10, 63%, 100%)
CMYK
cmyk(0%, 53%, 63%, 0%)
Oklch
oklch(72.8% 0.169 32.9)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#FA2582

Dark Violet · DeepPink · Rose Pink

HEX
#FA2582
RGB
rgb(250, 37, 130)
HSL
hsl(334, 96%, 56%)
HSB
hsb(334, 85%, 98%)
CMYK
cmyk(0%, 85%, 48%, 2%)
Oklch
oklch(64.7% 0.245 2.2)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#A1607C

Dark Violet · Gray · Camellia

HEX
#A1607C
RGB
rgb(161, 96, 124)
HSL
hsl(334, 26%, 50%)
HSB
hsb(334, 40%, 63%)
CMYK
cmyk(0%, 40%, 23%, 37%)
Oklch
oklch(57.0% 0.091 353.0)

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

#84B5A9

Jade · DarkSeaGreen · Lake Green

HEX
#84B5A9
RGB
rgb(132, 181, 169)
HSL
hsl(165, 25%, 61%)
HSB
hsb(165, 27%, 71%)
CMYK
cmyk(27%, 0%, 7%, 29%)
Oklch
oklch(73.5% 0.055 177.9)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B2CC21
3A21CA

Analogous

CA8F21
B2CC21
5CCA21

Triadic

B2CC21
21B0CA
CA21B0

Split-Comp.

B2CC21
215CCA
8F21CA

Tetradic

B2CC21
21CA8F
3A21CA
CA215C

Contrast Matrix WCAG 2.1 Contrast

B2CC21
FF795E
FA2582
A1607C
84B5A9
—
1.4
Fail
2.0
Fail
2.6
Fail
1.3
Fail
1.4
Fail
—
1.4
Fail
1.8
Fail
1.1
Fail
2.0
Fail
1.4
Fail
—
1.3
Fail
1.6
Fail
2.6
Fail
1.8
Fail
1.3
Fail
—
2.0
Fail
1.3
Fail
1.1
Fail
1.6
Fail
2.0
Fail
—
White BG
1.8Fail
2.6Fail
3.7AA Large
4.7AA
2.3Fail
Black BG
11.6AAA
8.1AAA
5.7AA
4.5AA Large
9.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BDBD4A
C5C465
9E9C6B
858475
999AAC

Deuteranopia

BCBA54
CDD766
AABA66
898E74
9693AD

Tritanopia

B36B72
F86A6B
EF5A56
9E706F
86AEAF

Achromatopsia

B1B1B1
9E9E9E
6F6F6F
777777
A5A5A5

Shades & Tints Shades & Tints

#B2CC21

Dark
Light

#FF795E

Dark
Light

#FA2582

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b2cc21;
  --color-2: #ff795e;
  --color-3: #fa2582;
  --color-4: #a1607c;
  --color-5: #84b5a9;
}

SCSS

$color-1: #b2cc21;
$color-2: #ff795e;
$color-3: #fa2582;
$color-4: #a1607c;
$color-5: #84b5a9;

TAILWIND

colors: {
  'brand-1': '#b2cc21',
  'brand-2': '#ff795e',
  'brand-3': '#fa2582',
  'brand-4': '#a1607c',
  'brand-5': '#84b5a9',
}

RGB Array

[178, 204, 33], [255, 121, 94], [250, 37, 130], [161, 96, 124], [132, 181, 169]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B2CC21, #FF795E, #FA2582, #A1607C, #84B5A9 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: #b2cc21; --color-2: #ff795e; --color-3: #fa2582; --color-4: #a1607c; --color-5: #84b5a9. 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