← Back to Editor

#F4FFC7 · #B9C416 · #FA4343 · #AD1741 · #47002B

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

#F4FFC7

Willow Green · Beige · Mint Green

HEX
#F4FFC7
RGB
rgb(244, 255, 199)
HSL
hsl(72, 100%, 89%)
HSB
hsb(72, 22%, 100%)
CMYK
cmyk(4%, 0%, 22%, 0%)
Oklch
oklch(97.8% 0.073 116.8)

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

#B9C416

Autumn Sage · GoldenRod · Honey Gold

HEX
#B9C416
RGB
rgb(185, 196, 22)
HSL
hsl(64, 80%, 43%)
HSB
hsb(64, 89%, 77%)
CMYK
cmyk(6%, 0%, 89%, 23%)
Oklch
oklch(78.5% 0.172 113.8)

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

#FA4343

Peach Pink · Tomato · Coral Red

HEX
#FA4343
RGB
rgb(250, 67, 67)
HSL
hsl(0, 95%, 62%)
HSB
hsb(0, 73%, 98%)
CMYK
cmyk(0%, 73%, 73%, 2%)
Oklch
oklch(65.4% 0.219 25.7)

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

#AD1741

Dark Violet · Brown · Camellia

HEX
#AD1741
RGB
rgb(173, 23, 65)
HSL
hsl(343, 77%, 38%)
HSB
hsb(343, 87%, 68%)
CMYK
cmyk(0%, 87%, 62%, 32%)
Oklch
oklch(48.5% 0.181 13.0)

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

#47002B

Rose Purple · Maroon · Raspberry

HEX
#47002B
RGB
rgb(71, 0, 43)
HSL
hsl(324, 100%, 14%)
HSB
hsb(324, 100%, 28%)
CMYK
cmyk(0%, 100%, 39%, 72%)
Oklch
oklch(26.2% 0.109 350.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F4FFC7
D2C7FF

Analogous

FFEEC7
F4FFC7
D8FFC7

Triadic

F4FFC7
C7F4FF
FFC7F4

Split-Comp.

F4FFC7
C7D8FF
EEC7FF

Tetradic

F4FFC7
C7FFEE
D2C7FF
FFC7D8

Contrast Matrix WCAG 2.1 Contrast

F4FFC7
B9C416
FA4343
AD1741
47002B
—
1.8
Fail
3.4
AA Large
6.7
AA
15.3
AAA
1.8
Fail
—
1.8
Fail
3.7
AA Large
8.4
AAA
3.4
AA Large
1.8
Fail
—
2.0
Fail
4.6
AA
6.7
AA
3.7
AA Large
2.0
Fail
—
2.3
Fail
15.3
AAA
8.4
AAA
4.6
AA
2.3
Fail
—
White BG
1.1Fail
1.9Fail
3.5AA Large
7.1AAA
16.1AAA
Black BG
20.0AAA
11.0AAA
5.9AA
3.0Fail
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F9F9D5
BEBE40
ABA943
6C6B37
282821

Deuteranopia

F8F7D8
BDBC4A
B5C343
758034
2C321E

Tritanopia

F5DFE2
BA6169
F14343
A62F2D
431817

Achromatopsia

F5F5F5
ADADAD
7A7A7A
494949
1A1A1A

Shades & Tints Shades & Tints

#F4FFC7

Dark
Light

#B9C416

Dark
Light

#FA4343

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f4ffc7;
  --color-2: #b9c416;
  --color-3: #fa4343;
  --color-4: #ad1741;
  --color-5: #47002b;
}

SCSS

$color-1: #f4ffc7;
$color-2: #b9c416;
$color-3: #fa4343;
$color-4: #ad1741;
$color-5: #47002b;

TAILWIND

colors: {
  'brand-1': '#f4ffc7',
  'brand-2': '#b9c416',
  'brand-3': '#fa4343',
  'brand-4': '#ad1741',
  'brand-5': '#47002b',
}

RGB Array

[244, 255, 199], [185, 196, 22], [250, 67, 67], [173, 23, 65], [71, 0, 43]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F4FFC7, #B9C416, #FA4343, #AD1741, #47002B 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: #f4ffc7; --color-2: #b9c416; --color-3: #fa4343; --color-4: #ad1741; --color-5: #47002b. 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