← Back to Editor

#95CBB2 · #E8FFF6 · #F5808E · #F55B6D · #BB515D

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 AppData Visualization

Color Details Color Details

#95CBB2

Jade · DarkSeaGreen · Apple Green

HEX
#95CBB2
RGB
rgb(149, 203, 178)
HSL
hsl(152, 34%, 69%)
HSB
hsb(152, 27%, 80%)
CMYK
cmyk(27%, 0%, 12%, 20%)
Oklch
oklch(79.7% 0.066 164.6)

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

#E8FFF6

Jade · Snow · Mint Green

HEX
#E8FFF6
RGB
rgb(232, 255, 246)
HSL
hsl(157, 100%, 95%)
HSB
hsb(157, 9%, 100%)
CMYK
cmyk(9%, 0%, 4%, 0%)
Oklch
oklch(98.1% 0.027 170.3)

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

#F5808E

Peach Pink · LightCoral · Coral Red

HEX
#F5808E
RGB
rgb(245, 128, 142)
HSL
hsl(353, 85%, 73%)
HSB
hsb(353, 48%, 96%)
CMYK
cmyk(0%, 48%, 42%, 4%)
Oklch
oklch(73.4% 0.143 13.7)

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

#F55B6D

Peach Pink · Salmon · Coral Red

HEX
#F55B6D
RGB
rgb(245, 91, 109)
HSL
hsl(353, 89%, 66%)
HSB
hsb(353, 63%, 96%)
CMYK
cmyk(0%, 63%, 56%, 4%)
Oklch
oklch(67.8% 0.188 16.8)

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

#BB515D

Crimson · Sienna · Passion Red

HEX
#BB515D
RGB
rgb(187, 81, 93)
HSL
hsl(353, 44%, 53%)
HSB
hsb(353, 57%, 73%)
CMYK
cmyk(0%, 57%, 50%, 27%)
Oklch
oklch(57.4% 0.137 15.6)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

95CBB2
CB95AE

Analogous

95CB97
95CBB2
95C9CB

Triadic

95CBB2
B295CB
CBB295

Split-Comp.

95CBB2
CB95C9
CB9795

Tetradic

95CBB2
9795CB
CB95AE
C9CB95

Contrast Matrix WCAG 2.1 Contrast

95CBB2
E8FFF6
F5808E
F55B6D
BB515D
—
1.8
Fail
1.4
Fail
1.7
Fail
2.6
Fail
1.8
Fail
—
2.4
Fail
3.0
AA Large
4.5
AA
1.4
Fail
2.4
Fail
—
1.3
Fail
1.9
Fail
1.7
Fail
3.0
AA Large
1.3
Fail
—
1.5
Fail
2.6
Fail
4.5
AA
1.9
Fail
1.5
Fail
—
White BG
1.8Fail
1.0Fail
2.5Fail
3.2AA Large
4.7AA
Black BG
11.5AAA
20.1AAA
8.4AAA
6.6AA
4.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

ACADB8
F2F2F8
C2C18B
B2B169
8D8C5A

Deuteranopia

A9A5BA
F1EFF9
C9D28A
BBC768
939B59

Tritanopia

98BDBE
E9FAFA
EF8887
ED6564
B65857

Achromatopsia

B8B8B8
F7F7F7
A5A5A5
8B8B8B
727272

Shades & Tints Shades & Tints

#95CBB2

Dark
Light

#E8FFF6

Dark
Light

#F5808E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #95cbb2;
  --color-2: #e8fff6;
  --color-3: #f5808e;
  --color-4: #f55b6d;
  --color-5: #bb515d;
}

SCSS

$color-1: #95cbb2;
$color-2: #e8fff6;
$color-3: #f5808e;
$color-4: #f55b6d;
$color-5: #bb515d;

TAILWIND

colors: {
  'brand-1': '#95cbb2',
  'brand-2': '#e8fff6',
  'brand-3': '#f5808e',
  'brand-4': '#f55b6d',
  'brand-5': '#bb515d',
}

RGB Array

[149, 203, 178], [232, 255, 246], [245, 128, 142], [245, 91, 109], [187, 81, 93]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #95CBB2, #E8FFF6, #F5808E, #F55B6D, #BB515D is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs, 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: #95cbb2; --color-2: #e8fff6; --color-3: #f5808e; --color-4: #f55b6d; --color-5: #bb515d. 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. 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