← Back to Editor

#D7E32D · #B5B88A · #F76363 · #FA3232 · #C49191

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

#D7E32D

Autumn Sage · GreenYellow · Sunflower

HEX
#D7E32D
RGB
rgb(215, 227, 45)
HSL
hsl(64, 76%, 53%)
HSB
hsb(64, 80%, 89%)
CMYK
cmyk(5%, 0%, 80%, 11%)
Oklch
oklch(87.8% 0.186 113.6)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#B5B88A

Fresh Green · Tan · Sunflower

HEX
#B5B88A
RGB
rgb(181, 184, 138)
HSL
hsl(64, 24%, 63%)
HSB
hsb(64, 25%, 72%)
CMYK
cmyk(2%, 0%, 25%, 28%)
Oklch
oklch(76.9% 0.062 110.9)

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

#F76363

Peach Pink · Tomato · Coral Red

HEX
#F76363
RGB
rgb(247, 99, 99)
HSL
hsl(0, 90%, 68%)
HSB
hsb(0, 60%, 97%)
CMYK
cmyk(0%, 60%, 60%, 3%)
Oklch
oklch(68.8% 0.182 23.2)

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

#FA3232

Vermilion · Crimson · Passion Red

HEX
#FA3232
RGB
rgb(250, 50, 50)
HSL
hsl(0, 95%, 59%)
HSB
hsb(0, 80%, 98%)
CMYK
cmyk(0%, 80%, 80%, 2%)
Oklch
oklch(63.9% 0.233 27.0)

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

#C49191

Peach Pink · Tan · Coral Red

HEX
#C49191
RGB
rgb(196, 145, 145)
HSL
hsl(0, 30%, 67%)
HSB
hsb(0, 26%, 77%)
CMYK
cmyk(0%, 26%, 26%, 23%)
Oklch
oklch(70.6% 0.062 18.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D7E32D
382CE2

Analogous

E2932C
D7E32D
7BE22C

Triadic

D7E32D
2CD6E2
E22CD6

Split-Comp.

D7E32D
2C7BE2
932CE2

Tetradic

D7E32D
2CE293
382CE2
E22C7B

Contrast Matrix WCAG 2.1 Contrast

D7E32D
B5B88A
F76363
FA3232
C49191
—
1.5
Fail
2.2
Fail
2.7
Fail
1.9
Fail
1.5
Fail
—
1.5
Fail
1.8
Fail
1.3
Fail
2.2
Fail
1.5
Fail
—
1.2
Fail
1.1
Fail
2.7
Fail
1.8
Fail
1.2
Fail
—
1.4
Fail
1.9
Fail
1.3
Fail
1.1
Fail
1.4
Fail
—
White BG
1.4Fail
2.1Fail
3.0AA Large
3.8AA Large
2.7Fail
Black BG
14.9AAA
10.2AAA
6.9AA
5.6AA
7.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DCDC59
B6B695
B7B663
A3A232
AEAD91

Deuteranopia

DCDB64
B6B698
C0CB63
AFBE32
B1B591

Tritanopia

D87C83
B59EA0
F06363
F03232
C19191

Achromatopsia

CBCBCB
B2B2B2
8F8F8F
6E6E6E
A0A0A0

Shades & Tints Shades & Tints

#D7E32D

Dark
Light

#B5B88A

Dark
Light

#F76363

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d7e32d;
  --color-2: #b5b88a;
  --color-3: #f76363;
  --color-4: #fa3232;
  --color-5: #c49191;
}

SCSS

$color-1: #d7e32d;
$color-2: #b5b88a;
$color-3: #f76363;
$color-4: #fa3232;
$color-5: #c49191;

TAILWIND

colors: {
  'brand-1': '#d7e32d',
  'brand-2': '#b5b88a',
  'brand-3': '#f76363',
  'brand-4': '#fa3232',
  'brand-5': '#c49191',
}

RGB Array

[215, 227, 45], [181, 184, 138], [247, 99, 99], [250, 50, 50], [196, 145, 145]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D7E32D, #B5B88A, #F76363, #FA3232, #C49191 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: #d7e32d; --color-2: #b5b88a; --color-3: #f76363; --color-4: #fa3232; --color-5: #c49191. 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