← Back to Editor

#B8DF14 · #CBCD7B · #E6B28B · #F88E76 · #FD3C51

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 App

Color Details Color Details

#B8DF14

Grass Green · GreenYellow · Olive Green

HEX
#B8DF14
RGB
rgb(184, 223, 20)
HSL
hsl(72, 84%, 48%)
HSB
hsb(72, 91%, 87%)
CMYK
cmyk(17%, 0%, 91%, 13%)
Oklch
oklch(84.5% 0.201 121.7)

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

#CBCD7B

Fresh Green · BurlyWood · Sunflower

HEX
#CBCD7B
RGB
rgb(203, 205, 123)
HSL
hsl(61, 45%, 64%)
HSB
hsb(61, 40%, 80%)
CMYK
cmyk(1%, 0%, 40%, 20%)
Oklch
oklch(82.8% 0.105 109.7)

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

#E6B28B

Apricot · BurlyWood · Warm Sun

HEX
#E6B28B
RGB
rgb(230, 178, 139)
HSL
hsl(26, 65%, 72%)
HSB
hsb(26, 40%, 90%)
CMYK
cmyk(0%, 23%, 40%, 10%)
Oklch
oklch(80.2% 0.080 58.2)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#F88E76

Peach Pink · Salmon · Coral Red

HEX
#F88E76
RGB
rgb(248, 142, 118)
HSL
hsl(11, 90%, 72%)
HSB
hsb(11, 52%, 97%)
CMYK
cmyk(0%, 43%, 52%, 3%)
Oklch
oklch(75.5% 0.134 33.7)

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

#FD3C51

Peach Pink · Tomato · Coral Red

HEX
#FD3C51
RGB
rgb(253, 60, 81)
HSL
hsl(353, 98%, 61%)
HSB
hsb(353, 76%, 99%)
CMYK
cmyk(0%, 76%, 68%, 1%)
Oklch
oklch(65.6% 0.226 20.8)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B8DF14
3D14E1

Analogous

E1A414
B8DF14
51E114

Triadic

B8DF14
14B8E1
E114B8

Split-Comp.

B8DF14
1451E1
A414E1

Tetradic

B8DF14
14E1A4
3D14E1
E11451

Contrast Matrix WCAG 2.1 Contrast

B8DF14
CBCD7B
E6B28B
F88E76
FD3C51
—
1.1
Fail
1.2
Fail
1.5
Fail
2.3
Fail
1.1
Fail
—
1.1
Fail
1.4
Fail
2.1
Fail
1.2
Fail
1.1
Fail
—
1.2
Fail
1.9
Fail
1.5
Fail
1.4
Fail
1.2
Fail
—
1.5
Fail
2.3
Fail
2.1
Fail
1.9
Fail
1.5
Fail
—
White BG
1.5Fail
1.7Fail
1.9Fail
2.3Fail
3.5AA Large
Black BG
13.6AAA
12.6AAA
11.1AAA
9.1AAA
5.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C9C945
CCCC8F
CFCF94
CAC97C
A9A84C

Deuteranopia

C7C451
CCCC94
D3D697
D0D87D
B5C34B

Tritanopia

BA6C74
CB9FA2
E39C9E
F38081
F34847

Achromatopsia

BCBCBC
C3C3C3
BDBDBD
ABABAB
787878

Shades & Tints Shades & Tints

#B8DF14

Dark
Light

#CBCD7B

Dark
Light

#E6B28B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b8df14;
  --color-2: #cbcd7b;
  --color-3: #e6b28b;
  --color-4: #f88e76;
  --color-5: #fd3c51;
}

SCSS

$color-1: #b8df14;
$color-2: #cbcd7b;
$color-3: #e6b28b;
$color-4: #f88e76;
$color-5: #fd3c51;

TAILWIND

colors: {
  'brand-1': '#b8df14',
  'brand-2': '#cbcd7b',
  'brand-3': '#e6b28b',
  'brand-4': '#f88e76',
  'brand-5': '#fd3c51',
}

RGB Array

[184, 223, 20], [203, 205, 123], [230, 178, 139], [248, 142, 118], [253, 60, 81]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B8DF14, #CBCD7B, #E6B28B, #F88E76, #FD3C51 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: #b8df14; --color-2: #cbcd7b; --color-3: #e6b28b; --color-4: #f88e76; --color-5: #fd3c51. 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