← Back to Editor

#B4FF63 · #F27979 · #593C37 · #5EFFDC · #2A423D

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

#B4FF63

Willow Green · GreenYellow · Apple Green

HEX
#B4FF63
RGB
rgb(180, 255, 99)
HSL
hsl(89, 100%, 69%)
HSB
hsb(89, 61%, 100%)
CMYK
cmyk(29%, 0%, 61%, 0%)
Oklch
oklch(92.0% 0.201 131.1)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#F27979

Peach Pink · LightCoral · Coral Red

HEX
#F27979
RGB
rgb(242, 121, 121)
HSL
hsl(0, 82%, 71%)
HSB
hsb(0, 50%, 95%)
CMYK
cmyk(0%, 50%, 50%, 5%)
Oklch
oklch(71.5% 0.149 21.5)

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

#593C37

Crimson · DarkOliveGreen · Wine Red

HEX
#593C37
RGB
rgb(89, 60, 55)
HSL
hsl(9, 24%, 28%)
HSB
hsb(9, 38%, 35%)
CMYK
cmyk(0%, 33%, 38%, 65%)
Oklch
oklch(38.8% 0.042 30.0)

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

#5EFFDC

Jade · Turquoise · Lake Green

HEX
#5EFFDC
RGB
rgb(94, 255, 220)
HSL
hsl(167, 100%, 68%)
HSB
hsb(167, 63%, 100%)
CMYK
cmyk(63%, 0%, 14%, 0%)
Oklch
oklch(90.7% 0.143 175.7)

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

#2A423D

Mineral Blue · DarkSlateGray · Peacock Green

HEX
#2A423D
RGB
rgb(42, 66, 61)
HSL
hsl(167, 22%, 21%)
HSB
hsb(167, 36%, 26%)
CMYK
cmyk(36%, 0%, 8%, 74%)
Oklch
oklch(35.8% 0.031 179.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B4FF63
AD61FF

Analogous

FFFC61
B4FF63
64FF61

Triadic

B4FF63
61B3FF
FF61B3

Split-Comp.

B4FF63
6164FF
FC61FF

Tetradic

B4FF63
61FFFC
AD61FF
FF6164

Contrast Matrix WCAG 2.1 Contrast

B4FF63
F27979
593C37
5EFFDC
2A423D
—
2.2
Fail
8.2
AAA
1.0
Fail
9.0
AAA
2.2
Fail
—
3.7
AA Large
2.2
Fail
4.0
AA Large
8.2
AAA
3.7
AA Large
—
7.9
AAA
1.1
Fail
1.0
Fail
2.2
Fail
7.9
AAA
—
8.6
AAA
9.0
AAA
4.0
AA Large
1.1
Fail
8.6
AAA
—
White BG
1.2Fail
2.7Fail
9.9AAA
1.2Fail
10.8AAA
Black BG
17.4AAA
7.8AAA
2.1Fail
16.8AAA
1.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D4D589
BEBD79
4C4C38
A4A5E4
34353E

Deuteranopia

D0CB92
C5CE79
4E5039
9A8EE7
33313F

Tritanopia

B8A7AD
EC7979
583939
66EBED
2B3F3F

Achromatopsia

D7D7D7
9D9D9D
444444
CBCBCB
3A3A3A

Shades & Tints Shades & Tints

#B4FF63

Dark
Light

#F27979

Dark
Light

#593C37

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b4ff63;
  --color-2: #f27979;
  --color-3: #593c37;
  --color-4: #5effdc;
  --color-5: #2a423d;
}

SCSS

$color-1: #b4ff63;
$color-2: #f27979;
$color-3: #593c37;
$color-4: #5effdc;
$color-5: #2a423d;

TAILWIND

colors: {
  'brand-1': '#b4ff63',
  'brand-2': '#f27979',
  'brand-3': '#593c37',
  'brand-4': '#5effdc',
  'brand-5': '#2a423d',
}

RGB Array

[180, 255, 99], [242, 121, 121], [89, 60, 55], [94, 255, 220], [42, 66, 61]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B4FF63, #F27979, #593C37, #5EFFDC, #2A423D 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: #b4ff63; --color-2: #f27979; --color-3: #593c37; --color-4: #5effdc; --color-5: #2a423d. 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