← Back to Editor

#F0F9FA · #95C7E4 · #E4DD95 · #F1AD54 · #F15486

bright

A 5-color bright 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

#F0F9FA

Sky Blue · Snow · Glacier Blue

HEX
#F0F9FA
RGB
rgb(240, 249, 250)
HSL
hsl(186, 50%, 96%)
HSB
hsb(186, 4%, 98%)
CMYK
cmyk(4%, 0%, 0%, 2%)
Oklch
oklch(97.6% 0.010 204.9)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

#95C7E4

Sky Blue · SkyBlue · Cobalt Blue

HEX
#95C7E4
RGB
rgb(149, 199, 228)
HSL
hsl(202, 59%, 74%)
HSB
hsb(202, 35%, 89%)
CMYK
cmyk(35%, 13%, 0%, 11%)
Oklch
oklch(80.5% 0.067 234.1)

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

#E4DD95

Fresh Green · Khaki · Sunflower

HEX
#E4DD95
RGB
rgb(228, 221, 149)
HSL
hsl(55, 59%, 74%)
HSB
hsb(55, 35%, 89%)
CMYK
cmyk(0%, 3%, 35%, 11%)
Oklch
oklch(88.7% 0.092 103.4)

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

#F1AD54

Ginger · SandyBrown · Warm Sun

HEX
#F1AD54
RGB
rgb(241, 173, 84)
HSL
hsl(34, 85%, 64%)
HSB
hsb(34, 65%, 95%)
CMYK
cmyk(0%, 28%, 65%, 5%)
Oklch
oklch(79.6% 0.132 71.1)

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

#F15486

Rouge · LightCoral · Rose Pink

HEX
#F15486
RGB
rgb(241, 84, 134)
HSL
hsl(341, 85%, 64%)
HSB
hsb(341, 65%, 95%)
CMYK
cmyk(0%, 65%, 44%, 5%)
Oklch
oklch(67.0% 0.195 4.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F0F9FA
FAF1F0

Analogous

F0FAF6
F0F9FA
F0F4FA

Triadic

F0F9FA
FAF0F9
F9FAF0

Split-Comp.

F0F9FA
FAF0F4
FAF6F0

Tetradic

F0F9FA
F6F0FA
FAF1F0
F4FAF0

Contrast Matrix WCAG 2.1 Contrast

F0F9FA
95C7E4
E4DD95
F1AD54
F15486
—
1.7
Fail
1.3
Fail
1.8
Fail
3.1
AA Large
1.7
Fail
—
1.3
Fail
1.1
Fail
1.8
Fail
1.3
Fail
1.3
Fail
—
1.4
Fail
2.4
Fail
1.8
Fail
1.1
Fail
1.4
Fail
—
1.7
Fail
3.1
AA Large
1.8
Fail
2.4
Fail
1.7
Fail
—
White BG
1.1Fail
1.8Fail
1.4Fail
1.9Fail
3.3AA Large
Black BG
19.6AAA
11.6AAA
15.1AAA
10.8AAA
6.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F4F4FA
ABABDD
E1E1A6
D4D36A
ADAC7A

Deuteranopia

F3F3FA
A8A4DB
E1E2AB
D8DD6F
B6C277

Tritanopia

F0FAFA
97D7D6
E4B4B7
EE7B7E
E9706E

Achromatopsia

F6F6F6
BBBBBB
D7D7D7
B7B7B7
898989

Shades & Tints Shades & Tints

#F0F9FA

Dark
Light

#95C7E4

Dark
Light

#E4DD95

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f0f9fa;
  --color-2: #95c7e4;
  --color-3: #e4dd95;
  --color-4: #f1ad54;
  --color-5: #f15486;
}

SCSS

$color-1: #f0f9fa;
$color-2: #95c7e4;
$color-3: #e4dd95;
$color-4: #f1ad54;
$color-5: #f15486;

TAILWIND

colors: {
  'brand-1': '#f0f9fa',
  'brand-2': '#95c7e4',
  'brand-3': '#e4dd95',
  'brand-4': '#f1ad54',
  'brand-5': '#f15486',
}

RGB Array

[240, 249, 250], [149, 199, 228], [228, 221, 149], [241, 173, 84], [241, 84, 134]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This bright-style palette of #F0F9FA, #95C7E4, #E4DD95, #F1AD54, #F15486 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: #f0f9fa; --color-2: #95c7e4; --color-3: #e4dd95; --color-4: #f1ad54; --color-5: #f15486. 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 bright-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