← Back to Editor

#3CBF9F · #F6BE74 · #F67959 · #FF5061 · #F76F73

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

#3CBF9F

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#3CBF9F
RGB
rgb(60, 191, 159)
HSL
hsl(165, 52%, 49%)
HSB
hsb(165, 69%, 75%)
CMYK
cmyk(69%, 0%, 17%, 25%)
Oklch
oklch(72.6% 0.122 173.0)

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

#F6BE74

Goose Yellow · BurlyWood · Warm Sun

HEX
#F6BE74
RGB
rgb(246, 190, 116)
HSL
hsl(34, 88%, 71%)
HSB
hsb(34, 53%, 96%)
CMYK
cmyk(0%, 23%, 53%, 4%)
Oklch
oklch(83.7% 0.112 73.0)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#F67959

Peach Pink · Coral · Coral Red

HEX
#F67959
RGB
rgb(246, 121, 89)
HSL
hsl(12, 90%, 66%)
HSB
hsb(12, 64%, 96%)
CMYK
cmyk(0%, 51%, 64%, 4%)
Oklch
oklch(71.5% 0.161 35.4)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#FF5061

Peach Pink · Tomato · Coral Red

HEX
#FF5061
RGB
rgb(255, 80, 97)
HSL
hsl(354, 100%, 66%)
HSB
hsb(354, 69%, 100%)
CMYK
cmyk(0%, 69%, 62%, 0%)
Oklch
oklch(67.9% 0.210 19.4)

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

#F76F73

Peach Pink · Salmon · Coral Red

HEX
#F76F73
RGB
rgb(247, 111, 115)
HSL
hsl(358, 89%, 70%)
HSB
hsb(358, 55%, 97%)
CMYK
cmyk(0%, 55%, 53%, 3%)
Oklch
oklch(70.7% 0.167 20.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

3CBF9F
BE3C5C

Analogous

3CBE5C
3CBF9F
3C9DBE

Triadic

3CBF9F
9D3CBE
BE9D3C

Split-Comp.

3CBF9F
BE3C9D
BE5C3C

Tetradic

3CBF9F
5C3CBE
BE3C5C
9DBE3C

Contrast Matrix WCAG 2.1 Contrast

3CBF9F
F6BE74
F67959
FF5061
F76F73
—
1.4
Fail
1.2
Fail
1.4
Fail
1.2
Fail
1.4
Fail
—
1.6
Fail
1.9
Fail
1.7
Fail
1.2
Fail
1.6
Fail
—
1.2
Fail
1.0
Fail
1.4
Fail
1.9
Fail
1.2
Fail
—
1.1
Fail
1.2
Fail
1.7
Fail
1.0
Fail
1.1
Fail
—
White BG
2.3Fail
1.7Fail
2.7Fail
3.2AA Large
2.8Fail
Black BG
9.1AAA
12.5AAA
7.8AAA
6.6AA
7.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7576A7
DEDD86
C0BF61
B3B25D
BCBB72

Deuteranopia

6D63A9
E1E58A
C7D163
BDCB5C
C4CE72

Tritanopia

43ADAE
F39497
F06768
F65A59
F07171

Achromatopsia

949494
C6C6C6
9B9B9B
868686
989898

Shades & Tints Shades & Tints

#3CBF9F

Dark
Light

#F6BE74

Dark
Light

#F67959

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #3cbf9f;
  --color-2: #f6be74;
  --color-3: #f67959;
  --color-4: #ff5061;
  --color-5: #f76f73;
}

SCSS

$color-1: #3cbf9f;
$color-2: #f6be74;
$color-3: #f67959;
$color-4: #ff5061;
$color-5: #f76f73;

TAILWIND

colors: {
  'brand-1': '#3cbf9f',
  'brand-2': '#f6be74',
  'brand-3': '#f67959',
  'brand-4': '#ff5061',
  'brand-5': '#f76f73',
}

RGB Array

[60, 191, 159], [246, 190, 116], [246, 121, 89], [255, 80, 97], [247, 111, 115]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #3CBF9F, #F6BE74, #F67959, #FF5061, #F76F73 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: #3cbf9f; --color-2: #f6be74; --color-3: #f67959; --color-4: #ff5061; --color-5: #f76f73. 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