← Back to Editor

#F6FC91 · #CFF99C · #A9DB86 · #08B990 · #5B334F

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

#F6FC91

Fresh Green · Khaki · Lemon Cream

HEX
#F6FC91
RGB
rgb(246, 252, 145)
HSL
hsl(63, 95%, 78%)
HSB
hsb(63, 42%, 99%)
CMYK
cmyk(2%, 0%, 42%, 1%)
Oklch
oklch(96.4% 0.131 111.4)

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

#CFF99C

Willow Green · Khaki · Apple Green

HEX
#CFF99C
RGB
rgb(207, 249, 156)
HSL
hsl(87, 89%, 79%)
HSB
hsb(87, 37%, 98%)
CMYK
cmyk(17%, 0%, 37%, 2%)
Oklch
oklch(93.1% 0.127 128.4)

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

#A9DB86

Emerald · LightGreen · Apple Green

HEX
#A9DB86
RGB
rgb(169, 219, 134)
HSL
hsl(95, 54%, 69%)
HSB
hsb(95, 39%, 86%)
CMYK
cmyk(23%, 0%, 39%, 14%)
Oklch
oklch(83.6% 0.124 133.3)

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

#08B990

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#08B990
RGB
rgb(8, 185, 144)
HSL
hsl(166, 92%, 38%)
HSB
hsb(166, 96%, 73%)
CMYK
cmyk(96%, 0%, 22%, 27%)
Oklch
oklch(69.9% 0.138 169.5)

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

#5B334F

Rose Purple · DarkSlateGray · Eggplant

HEX
#5B334F
RGB
rgb(91, 51, 79)
HSL
hsl(318, 28%, 28%)
HSB
hsb(318, 44%, 36%)
CMYK
cmyk(0%, 44%, 13%, 64%)
Oklch
oklch(38.1% 0.070 339.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F6FC91
9792FC

Analogous

FCCC92
F6FC91
C2FC92

Triadic

F6FC91
92F7FC
FC92F7

Split-Comp.

F6FC91
92C2FC
CC92FC

Tetradic

F6FC91
92FCCC
9792FC
FC92C2

Contrast Matrix WCAG 2.1 Contrast

F6FC91
CFF99C
A9DB86
08B990
5B334F
—
1.1
Fail
1.5
Fail
2.3
Fail
9.5
AAA
1.1
Fail
—
1.3
Fail
2.1
Fail
8.7
AAA
1.5
Fail
1.3
Fail
—
1.6
Fail
6.5
AA
2.3
Fail
2.1
Fail
1.6
Fail
—
4.1
AA Large
9.5
AAA
8.7
AAA
6.5
AA
4.1
AA Large
—
White BG
1.1Fail
1.2Fail
1.6Fail
2.5Fail
10.3AAA
Black BG
19.3AAA
17.7AAA
13.2AAA
8.4AAA
2.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

F9F9AB
E1E2B3
BFBF9B
55569A
4A4948

Deuteranopia

F8F8B1
DFDCB8
BCB8A0
4A3D9C
4C4F47

Tritanopia

F6BFC4
D1C4C8
ABABAE
11A2A3
594342

Achromatopsia

EEEEEE
E2E2E2
C2C2C2
7F7F7F
424242

Shades & Tints Shades & Tints

#F6FC91

Dark
Light

#CFF99C

Dark
Light

#A9DB86

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f6fc91;
  --color-2: #cff99c;
  --color-3: #a9db86;
  --color-4: #08b990;
  --color-5: #5b334f;
}

SCSS

$color-1: #f6fc91;
$color-2: #cff99c;
$color-3: #a9db86;
$color-4: #08b990;
$color-5: #5b334f;

TAILWIND

colors: {
  'brand-1': '#f6fc91',
  'brand-2': '#cff99c',
  'brand-3': '#a9db86',
  'brand-4': '#08b990',
  'brand-5': '#5b334f',
}

RGB Array

[246, 252, 145], [207, 249, 156], [169, 219, 134], [8, 185, 144], [91, 51, 79]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F6FC91, #CFF99C, #A9DB86, #08B990, #5B334F 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: #f6fc91; --color-2: #cff99c; --color-3: #a9db86; --color-4: #08b990; --color-5: #5b334f. 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