← Back to Editor

#FFF3C9 · #99C9FF · #999CE9 · #C47C94 · #F47C52

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 App

Color Details Color Details

#FFF3C9

Goose Yellow · Bisque · Lemon Cream

HEX
#FFF3C9
RGB
rgb(255, 243, 201)
HSL
hsl(47, 100%, 89%)
HSB
hsb(47, 21%, 100%)
CMYK
cmyk(0%, 5%, 21%, 0%)
Oklch
oklch(96.3% 0.056 94.0)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#99C9FF

Azure · LightSkyBlue · Cobalt Blue

HEX
#99C9FF
RGB
rgb(153, 201, 255)
HSL
hsl(212, 100%, 80%)
HSB
hsb(212, 40%, 100%)
CMYK
cmyk(40%, 21%, 0%, 0%)
Oklch
oklch(82.2% 0.092 251.9)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

#999CE9

Azure · LightSteelBlue · Cobalt Blue

HEX
#999CE9
RGB
rgb(153, 156, 233)
HSL
hsl(238, 65%, 76%)
HSB
hsb(238, 34%, 91%)
CMYK
cmyk(34%, 33%, 0%, 9%)
Oklch
oklch(72.1% 0.111 281.5)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

#C47C94

Rouge · LightCoral · Rose Pink

HEX
#C47C94
RGB
rgb(196, 124, 148)
HSL
hsl(340, 38%, 63%)
HSB
hsb(340, 37%, 77%)
CMYK
cmyk(0%, 37%, 24%, 23%)
Oklch
oklch(66.9% 0.094 358.4)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#F47C52

Apricot · Coral · Warm Sun

HEX
#F47C52
RGB
rgb(244, 124, 82)
HSL
hsl(16, 88%, 64%)
HSB
hsb(16, 66%, 96%)
CMYK
cmyk(0%, 49%, 66%, 4%)
Oklch
oklch(71.6% 0.158 39.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFF3C9
C7D3FF

Analogous

FFD7C7
FFF3C9
EFFFC7

Triadic

FFF3C9
C7FFF3
F3C7FF

Split-Comp.

FFF3C9
C7EFFF
D7C7FF

Tetradic

FFF3C9
C7FFD7
C7D3FF
FFC7EF

Contrast Matrix WCAG 2.1 Contrast

FFF3C9
99C9FF
999CE9
C47C94
F47C52
—
1.6
Fail
2.3
Fail
2.8
Fail
2.4
Fail
1.6
Fail
—
1.5
Fail
1.8
Fail
1.5
Fail
2.3
Fail
1.5
Fail
—
1.2
Fail
1.1
Fail
2.8
Fail
1.8
Fail
1.2
Fail
—
1.2
Fail
2.4
Fail
1.5
Fail
1.1
Fail
1.2
Fail
—
White BG
1.1Fail
1.7Fail
2.5Fail
3.2AA Large
2.7Fail
Black BG
18.9AAA
12.2AAA
8.3AAA
6.7AA
7.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

FAFAD3
AEAEF2
9A9AD6
A5A48E
C0BF5C

Deuteranopia

FBFBD6
ABA7EF
9A9AD2
A9AE8D
C7D05F

Tritanopia

FEDBDD
9BE8E5
99C8C4
C08A89
EE6466

Achromatopsia

F2F2F2
C1C1C1
A4A4A4
949494
9B9B9B

Shades & Tints Shades & Tints

#FFF3C9

Dark
Light

#99C9FF

Dark
Light

#999CE9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fff3c9;
  --color-2: #99c9ff;
  --color-3: #999ce9;
  --color-4: #c47c94;
  --color-5: #f47c52;
}

SCSS

$color-1: #fff3c9;
$color-2: #99c9ff;
$color-3: #999ce9;
$color-4: #c47c94;
$color-5: #f47c52;

TAILWIND

colors: {
  'brand-1': '#fff3c9',
  'brand-2': '#99c9ff',
  'brand-3': '#999ce9',
  'brand-4': '#c47c94',
  'brand-5': '#f47c52',
}

RGB Array

[255, 243, 201], [153, 201, 255], [153, 156, 233], [196, 124, 148], [244, 124, 82]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFF3C9, #99C9FF, #999CE9, #C47C94, #F47C52 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: #fff3c9; --color-2: #99c9ff; --color-3: #999ce9; --color-4: #c47c94; --color-5: #f47c52. 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