← Back to Editor

#BBD49D · #FF6D8F · #D1519B · #097A98 · #03AB92

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

#BBD49D

Willow Green · Silver · Apple Green

HEX
#BBD49D
RGB
rgb(187, 212, 157)
HSL
hsl(87, 39%, 72%)
HSB
hsb(87, 26%, 83%)
CMYK
cmyk(12%, 0%, 26%, 17%)
Oklch
oklch(83.7% 0.079 127.9)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#FF6D8F

Peach Pink · LightCoral · Coral Red

HEX
#FF6D8F
RGB
rgb(255, 109, 143)
HSL
hsl(346, 100%, 71%)
HSB
hsb(346, 57%, 100%)
CMYK
cmyk(0%, 57%, 44%, 0%)
Oklch
oklch(72.2% 0.180 8.3)

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

#D1519B

Rose Purple · MediumOrchid · Rose Pink

HEX
#D1519B
RGB
rgb(209, 81, 155)
HSL
hsl(325, 58%, 57%)
HSB
hsb(325, 61%, 82%)
CMYK
cmyk(0%, 61%, 26%, 18%)
Oklch
oklch(62.5% 0.179 347.8)

Traditional「Rose Purple」· Paint「Rose Pink」· Creative Blush Sunrise

#097A98

Lake Blue · Teal · Mint Ice

HEX
#097A98
RGB
rgb(9, 122, 152)
HSL
hsl(193, 89%, 32%)
HSB
hsb(193, 94%, 60%)
CMYK
cmyk(94%, 20%, 0%, 40%)
Oklch
oklch(53.9% 0.099 223.3)

Traditional「Lake Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#03AB92

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#03AB92
RGB
rgb(3, 171, 146)
HSL
hsl(171, 97%, 34%)
HSB
hsb(171, 98%, 67%)
CMYK
cmyk(98%, 0%, 15%, 33%)
Oklch
oklch(66.3% 0.122 177.2)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BBD49D
B59CD3

Analogous

D3D19C
BBD49D
9FD39C

Triadic

BBD49D
9CBAD3
D39CBA

Split-Comp.

BBD49D
9C9FD3
D19CD3

Tetradic

BBD49D
9CD3D1
B59CD3
D39C9F

Contrast Matrix WCAG 2.1 Contrast

BBD49D
FF6D8F
D1519B
097A98
03AB92
—
1.7
Fail
2.4
Fail
3.1
AA Large
1.8
Fail
1.7
Fail
—
1.5
Fail
1.8
Fail
1.1
Fail
2.4
Fail
1.5
Fail
—
1.3
Fail
1.4
Fail
3.1
AA Large
1.8
Fail
1.3
Fail
—
1.7
Fail
1.8
Fail
1.1
Fail
1.4
Fail
1.7
Fail
—
White BG
1.6Fail
2.7Fail
3.9AA Large
4.9AA
2.9Fail
Black BG
13.0AAA
7.8AAA
5.4AA
4.2AA Large
7.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C6C6AA
C0BE87
9A9889
3A3B91
4C4D98

Deuteranopia

C4C3AE
C8D385
A1AB85
332B8F
42359A

Tritanopia

BCB5B7
F8807F
CB7B78
0F8B8A
0B9D9E

Achromatopsia

C6C6C6
9D9D9D
808080
5C5C5C
767676

Shades & Tints Shades & Tints

#BBD49D

Dark
Light

#FF6D8F

Dark
Light

#D1519B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bbd49d;
  --color-2: #ff6d8f;
  --color-3: #d1519b;
  --color-4: #097a98;
  --color-5: #03ab92;
}

SCSS

$color-1: #bbd49d;
$color-2: #ff6d8f;
$color-3: #d1519b;
$color-4: #097a98;
$color-5: #03ab92;

TAILWIND

colors: {
  'brand-1': '#bbd49d',
  'brand-2': '#ff6d8f',
  'brand-3': '#d1519b',
  'brand-4': '#097a98',
  'brand-5': '#03ab92',
}

RGB Array

[187, 212, 157], [255, 109, 143], [209, 81, 155], [9, 122, 152], [3, 171, 146]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BBD49D, #FF6D8F, #D1519B, #097A98, #03AB92 is ideal for: social media posters, mobile apps, e-commerce promos. 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: #bbd49d; --color-2: #ff6d8f; --color-3: #d1519b; --color-4: #097a98; --color-5: #03ab92. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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