← Back to Editor

#3BBBC2 · #9DDAC2 · #FFF9C2 · #FDBCB1 · #FB7F9F

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

#3BBBC2

Lake Blue · MediumTurquoise · Mint Ice

HEX
#3BBBC2
RGB
rgb(59, 187, 194)
HSL
hsl(183, 53%, 50%)
HSB
hsb(183, 70%, 76%)
CMYK
cmyk(70%, 4%, 0%, 24%)
Oklch
oklch(72.7% 0.109 200.4)

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

#9DDAC2

Jade · LightBlue · Apple Green

HEX
#9DDAC2
RGB
rgb(157, 218, 194)
HSL
hsl(156, 45%, 74%)
HSB
hsb(156, 28%, 85%)
CMYK
cmyk(28%, 0%, 11%, 15%)
Oklch
oklch(84.0% 0.071 168.3)

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

#FFF9C2

Fresh Green · Bisque · Lemon Cream

HEX
#FFF9C2
RGB
rgb(255, 249, 194)
HSL
hsl(54, 100%, 88%)
HSB
hsb(54, 24%, 100%)
CMYK
cmyk(0%, 2%, 24%, 0%)
Oklch
oklch(97.4% 0.071 102.4)

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

#FDBCB1

Peach Pink · LightPink · Cherry Blossom

HEX
#FDBCB1
RGB
rgb(253, 188, 177)
HSL
hsl(9, 95%, 84%)
HSB
hsb(9, 30%, 99%)
CMYK
cmyk(0%, 26%, 30%, 1%)
Oklch
oklch(85.2% 0.077 29.6)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#FB7F9F

Peach Pink · LightCoral · Coral Red

HEX
#FB7F9F
RGB
rgb(251, 127, 159)
HSL
hsl(345, 94%, 74%)
HSB
hsb(345, 49%, 98%)
CMYK
cmyk(0%, 49%, 37%, 2%)
Oklch
oklch(74.5% 0.154 5.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

3BBBC2
C3433C

Analogous

3CC386
3BBBC2
3C79C3

Triadic

3BBBC2
C33CBC
BCC33C

Split-Comp.

3BBBC2
C33C79
C3863C

Tetradic

3BBBC2
863CC3
C3433C
79C33C

Contrast Matrix WCAG 2.1 Contrast

3BBBC2
9DDAC2
FFF9C2
FDBCB1
FB7F9F
—
1.5
Fail
2.2
Fail
1.4
Fail
1.1
Fail
1.5
Fail
—
1.5
Fail
1.0
Fail
1.5
Fail
2.2
Fail
1.5
Fail
—
1.5
Fail
2.3
Fail
1.4
Fail
1.0
Fail
1.5
Fail
—
1.5
Fail
1.1
Fail
1.5
Fail
2.3
Fail
1.5
Fail
—
White BG
2.3Fail
1.6Fail
1.1Fail
1.6Fail
2.4Fail
Black BG
9.1AAA
13.2AAA
19.6AAA
13.0AAA
8.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7274C0
B7B8C8
FCFCCF
E1E0B4
C5C497

Deuteranopia

6B61C0
B4AFC9
FDFDD3
E5EAB4
CDD695

Tritanopia

41BFBF
A0CCCD
FFDADC
FAB6B6
F59190

Achromatopsia

969696
C5C5C5
F5F5F5
CECECE
A8A8A8

Shades & Tints Shades & Tints

#3BBBC2

Dark
Light

#9DDAC2

Dark
Light

#FFF9C2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #3bbbc2;
  --color-2: #9ddac2;
  --color-3: #fff9c2;
  --color-4: #fdbcb1;
  --color-5: #fb7f9f;
}

SCSS

$color-1: #3bbbc2;
$color-2: #9ddac2;
$color-3: #fff9c2;
$color-4: #fdbcb1;
$color-5: #fb7f9f;

TAILWIND

colors: {
  'brand-1': '#3bbbc2',
  'brand-2': '#9ddac2',
  'brand-3': '#fff9c2',
  'brand-4': '#fdbcb1',
  'brand-5': '#fb7f9f',
}

RGB Array

[59, 187, 194], [157, 218, 194], [255, 249, 194], [253, 188, 177], [251, 127, 159]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #3BBBC2, #9DDAC2, #FFF9C2, #FDBCB1, #FB7F9F 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: #3bbbc2; --color-2: #9ddac2; --color-3: #fff9c2; --color-4: #fdbcb1; --color-5: #fb7f9f. 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