← Back to Editor

#FF4747 · #FF6363 · #FFA264 · #FFDA64 · #FFF364

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

#FF4747

Peach Pink · Tomato · Coral Red

HEX
#FF4747
RGB
rgb(255, 71, 71)
HSL
hsl(0, 100%, 64%)
HSB
hsb(0, 72%, 100%)
CMYK
cmyk(0%, 72%, 72%, 0%)
Oklch
oklch(66.7% 0.220 25.5)

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

#FF6363

Peach Pink · Tomato · Coral Red

HEX
#FF6363
RGB
rgb(255, 99, 99)
HSL
hsl(0, 100%, 69%)
HSB
hsb(0, 61%, 100%)
CMYK
cmyk(0%, 61%, 61%, 0%)
Oklch
oklch(70.0% 0.191 23.4)

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

#FFA264

Apricot · SandyBrown · Warm Sun

HEX
#FFA264
RGB
rgb(255, 162, 100)
HSL
hsl(24, 100%, 70%)
HSB
hsb(24, 61%, 100%)
CMYK
cmyk(0%, 36%, 61%, 0%)
Oklch
oklch(79.4% 0.135 53.2)

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

#FFDA64

Ginger · Khaki · Sunflower

HEX
#FFDA64
RGB
rgb(255, 218, 100)
HSL
hsl(46, 100%, 70%)
HSB
hsb(46, 61%, 100%)
CMYK
cmyk(0%, 15%, 61%, 0%)
Oklch
oklch(89.8% 0.142 91.9)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#FFF364

Fresh Green · Khaki · Sunflower

HEX
#FFF364
RGB
rgb(255, 243, 100)
HSL
hsl(55, 100%, 70%)
HSB
hsb(55, 61%, 100%)
CMYK
cmyk(0%, 5%, 61%, 0%)
Oklch
oklch(94.8% 0.161 104.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF4747
47FFFF

Analogous

FF47A3
FF4747
FFA347

Triadic

FF4747
47FF47
4747FF

Split-Comp.

FF4747
47FFA3
47A3FF

Tetradic

FF4747
A3FF47
47FFFF
A347FF

Contrast Matrix WCAG 2.1 Contrast

FF4747
FF6363
FFA264
FFDA64
FFF364
—
1.2
Fail
1.7
Fail
2.5
Fail
2.9
Fail
1.2
Fail
—
1.5
Fail
2.1
Fail
2.5
Fail
1.7
Fail
1.5
Fail
—
1.5
Fail
1.7
Fail
2.5
Fail
2.1
Fail
1.5
Fail
—
1.2
Fail
2.9
Fail
2.5
Fail
1.7
Fail
1.2
Fail
—
White BG
3.4AA Large
2.9Fail
2.0Fail
1.4Fail
1.2Fail
Black BG
6.2AA
7.2AAA
10.6AAA
15.5AAA
18.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

AFAE47
BBBA63
D7D673
EFEF81
FAFA87

Deuteranopia

BAC847
C5D063
DCE377
F1F487
FBFB8F

Tritanopia

F64747
F76363
FA7F81
FD979C
FEA2A8

Achromatopsia

7E7E7E
929292
B7B7B7
D8D8D8
E6E6E6

Shades & Tints Shades & Tints

#FF4747

Dark
Light

#FF6363

Dark
Light

#FFA264

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff4747;
  --color-2: #ff6363;
  --color-3: #ffa264;
  --color-4: #ffda64;
  --color-5: #fff364;
}

SCSS

$color-1: #ff4747;
$color-2: #ff6363;
$color-3: #ffa264;
$color-4: #ffda64;
$color-5: #fff364;

TAILWIND

colors: {
  'brand-1': '#ff4747',
  'brand-2': '#ff6363',
  'brand-3': '#ffa264',
  'brand-4': '#ffda64',
  'brand-5': '#fff364',
}

RGB Array

[255, 71, 71], [255, 99, 99], [255, 162, 100], [255, 218, 100], [255, 243, 100]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FF4747, #FF6363, #FFA264, #FFDA64, #FFF364 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. 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: #ff4747; --color-2: #ff6363; --color-3: #ffa264; --color-4: #ffda64; --color-5: #fff364. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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