← Back to Editor

#F46B85 · #494751 · #C6C01C · #F5FD99 · #A6CC88

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

#F46B85

Peach Pink · LightCoral · Coral Red

HEX
#F46B85
RGB
rgb(244, 107, 133)
HSL
hsl(349, 86%, 69%)
HSB
hsb(349, 56%, 96%)
CMYK
cmyk(0%, 56%, 45%, 4%)
Oklch
oklch(70.1% 0.169 10.8)

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

#494751

Dark Cyan · DarkSlateGray · Charcoal

HEX
#494751
RGB
rgb(73, 71, 81)
HSL
hsl(252, 7%, 30%)
HSB
hsb(252, 12%, 32%)
CMYK
cmyk(10%, 12%, 0%, 68%)
Oklch
oklch(40.4% 0.017 294.8)

Traditional「Dark Cyan」· Paint「Charcoal」· Creative Midnight Shadow

#C6C01C

Autumn Sage · GoldenRod · Honey Gold

HEX
#C6C01C
RGB
rgb(198, 192, 28)
HSL
hsl(58, 75%, 44%)
HSB
hsb(58, 86%, 78%)
CMYK
cmyk(0%, 3%, 86%, 22%)
Oklch
oklch(78.8% 0.164 107.3)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#F5FD99

Fresh Green · Khaki · Lemon Cream

HEX
#F5FD99
RGB
rgb(245, 253, 153)
HSL
hsl(65, 96%, 80%)
HSB
hsb(65, 40%, 99%)
CMYK
cmyk(3%, 0%, 40%, 1%)
Oklch
oklch(96.6% 0.123 112.4)

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

#A6CC88

Celadon · DarkSeaGreen · Apple Green

HEX
#A6CC88
RGB
rgb(166, 204, 136)
HSL
hsl(94, 40%, 67%)
HSB
hsb(94, 33%, 80%)
CMYK
cmyk(19%, 0%, 33%, 20%)
Oklch
oklch(80.1% 0.100 132.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F46B85
6CF4DB

Analogous

F46CC9
F46B85
F4976C

Triadic

F46B85
85F46C
6C85F4

Split-Comp.

F46B85
6CF497
6CC9F4

Tetradic

F46B85
C9F46C
6CF4DB
976CF4

Contrast Matrix WCAG 2.1 Contrast

F46B85
494751
C6C01C
F5FD99
A6CC88
—
3.2
AA Large
1.5
Fail
2.7
Fail
1.6
Fail
3.2
AA Large
—
4.8
AA
8.4
AAA
5.0
AA
1.5
Fail
4.8
AA
—
1.8
Fail
1.1
Fail
2.7
Fail
8.4
AAA
1.8
Fail
—
1.7
Fail
1.6
Fail
5.0
AA
1.1
Fail
1.7
Fail
—
White BG
2.9Fail
9.1AAA
1.9Fail
1.1Fail
1.8Fail
Black BG
7.3AAA
2.3Fail
11.0AAA
19.4AAA
11.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B9B77F
48484F
C3C344
F8F9B1
B6B798

Deuteranopia

C1CB7D
48484E
C4C44D
F8F7B7
B4B19C

Tritanopia

ED7A79
494D4C
C6636A
F5C4C9
A8A5A8

Achromatopsia

979797
494949
AFAFAF
EFEFEF
B9B9B9

Shades & Tints Shades & Tints

#F46B85

Dark
Light

#494751

Dark
Light

#C6C01C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f46b85;
  --color-2: #494751;
  --color-3: #c6c01c;
  --color-4: #f5fd99;
  --color-5: #a6cc88;
}

SCSS

$color-1: #f46b85;
$color-2: #494751;
$color-3: #c6c01c;
$color-4: #f5fd99;
$color-5: #a6cc88;

TAILWIND

colors: {
  'brand-1': '#f46b85',
  'brand-2': '#494751',
  'brand-3': '#c6c01c',
  'brand-4': '#f5fd99',
  'brand-5': '#a6cc88',
}

RGB Array

[244, 107, 133], [73, 71, 81], [198, 192, 28], [245, 253, 153], [166, 204, 136]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F46B85, #494751, #C6C01C, #F5FD99, #A6CC88 is ideal for: social media posters, mobile apps, e-commerce promos, 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: #f46b85; --color-2: #494751; --color-3: #c6c01c; --color-4: #f5fd99; --color-5: #a6cc88. 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. 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