← Back to Editor

#F03C8A · #F08998 · #F0EDD8 · #BAE6CC · #86D7CA

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

#F03C8A

Dark Violet · DeepPink · Rose Pink

HEX
#F03C8A
RGB
rgb(240, 60, 138)
HSL
hsl(334, 86%, 59%)
HSB
hsb(334, 75%, 94%)
CMYK
cmyk(0%, 75%, 43%, 6%)
Oklch
oklch(64.7% 0.222 359.5)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#F08998

Peach Pink · LightCoral · Coral Red

HEX
#F08998
RGB
rgb(240, 137, 152)
HSL
hsl(351, 77%, 74%)
HSB
hsb(351, 43%, 94%)
CMYK
cmyk(0%, 43%, 37%, 6%)
Oklch
oklch(74.4% 0.126 11.3)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#F0EDD8

Fresh Green · Beige · Lemon Cream

HEX
#F0EDD8
RGB
rgb(240, 237, 216)
HSL
hsl(53, 44%, 89%)
HSB
hsb(53, 10%, 94%)
CMYK
cmyk(0%, 1%, 10%, 6%)
Oklch
oklch(94.3% 0.028 100.3)

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

#BAE6CC

Celadon · LightGray · Mint Green

HEX
#BAE6CC
RGB
rgb(186, 230, 204)
HSL
hsl(145, 47%, 82%)
HSB
hsb(145, 19%, 90%)
CMYK
cmyk(19%, 0%, 11%, 10%)
Oklch
oklch(88.7% 0.058 159.0)

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

#86D7CA

Jade · SkyBlue · Lake Green

HEX
#86D7CA
RGB
rgb(134, 215, 202)
HSL
hsl(170, 50%, 68%)
HSB
hsb(170, 38%, 84%)
CMYK
cmyk(38%, 0%, 6%, 16%)
Oklch
oklch(82.3% 0.082 182.9)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F03C8A
3DF0A2

Analogous

F03DE4
F03C8A
F0493D

Triadic

F03C8A
8AF03D
3D8AF0

Split-Comp.

F03C8A
3DF049
3DE4F0

Tetradic

F03C8A
E4F03D
3DF0A2
493DF0

Contrast Matrix WCAG 2.1 Contrast

F03C8A
F08998
F0EDD8
BAE6CC
86D7CA
—
1.5
Fail
3.1
AA Large
2.7
Fail
2.2
Fail
1.5
Fail
—
2.0
Fail
1.7
Fail
1.4
Fail
3.1
AA Large
2.0
Fail
—
1.2
Fail
1.4
Fail
2.7
Fail
1.7
Fail
1.2
Fail
—
1.2
Fail
2.2
Fail
1.4
Fail
1.4
Fail
1.2
Fail
—
White BG
3.7AA Large
2.4Fail
1.2Fail
1.4Fail
1.7Fail
Black BG
5.7AA
8.7AAA
17.8AAA
15.3AAA
12.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A2A077
C3C294
EFEFDD
CDCDD2
A9AACD

Deuteranopia

ADBA73
C9D194
EFEFDE
CBC7D4
A49ECE

Tritanopia

E76865
EB9291
F0E1E2
BCD7D8
8AD0D0

Achromatopsia

7B7B7B
AAAAAA
ECECEC
D6D6D6
BDBDBD

Shades & Tints Shades & Tints

#F03C8A

Dark
Light

#F08998

Dark
Light

#F0EDD8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f03c8a;
  --color-2: #f08998;
  --color-3: #f0edd8;
  --color-4: #bae6cc;
  --color-5: #86d7ca;
}

SCSS

$color-1: #f03c8a;
$color-2: #f08998;
$color-3: #f0edd8;
$color-4: #bae6cc;
$color-5: #86d7ca;

TAILWIND

colors: {
  'brand-1': '#f03c8a',
  'brand-2': '#f08998',
  'brand-3': '#f0edd8',
  'brand-4': '#bae6cc',
  'brand-5': '#86d7ca',
}

RGB Array

[240, 60, 138], [240, 137, 152], [240, 237, 216], [186, 230, 204], [134, 215, 202]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This bright-style palette of #F03C8A, #F08998, #F0EDD8, #BAE6CC, #86D7CA 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: #f03c8a; --color-2: #f08998; --color-3: #f0edd8; --color-4: #bae6cc; --color-5: #86d7ca. 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