← Back to Editor

#A6FC86 · #59F2AC · #0BE7D2 · #84849C · #FC2866

bright

A 5-color bright 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

#A6FC86

Emerald · LightGreen · Apple Green

HEX
#A6FC86
RGB
rgb(166, 252, 134)
HSL
hsl(104, 95%, 76%)
HSB
hsb(104, 47%, 99%)
CMYK
cmyk(34%, 0%, 47%, 1%)
Oklch
oklch(91.0% 0.174 137.8)

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

#59F2AC

Jade · MediumAquaMarine · Apple Green

HEX
#59F2AC
RGB
rgb(89, 242, 172)
HSL
hsl(153, 85%, 65%)
HSB
hsb(153, 63%, 95%)
CMYK
cmyk(63%, 0%, 29%, 5%)
Oklch
oklch(86.2% 0.163 159.9)

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

#0BE7D2

Mineral Blue · DarkTurquoise · Mint Ice

HEX
#0BE7D2
RGB
rgb(11, 231, 210)
HSL
hsl(174, 91%, 47%)
HSB
hsb(174, 95%, 91%)
CMYK
cmyk(95%, 0%, 9%, 9%)
Oklch
oklch(83.4% 0.147 183.3)

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

#84849C

Deep Indigo · LightSlateGray · Navy Blue

HEX
#84849C
RGB
rgb(132, 132, 156)
HSL
hsl(240, 11%, 56%)
HSB
hsb(240, 15%, 61%)
CMYK
cmyk(15%, 15%, 0%, 39%)
Oklch
oklch(62.2% 0.036 285.3)

Traditional「Deep Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

#FC2866

Dark Violet · DeepPink · Rose Pink

HEX
#FC2866
RGB
rgb(252, 40, 102)
HSL
hsl(342, 97%, 57%)
HSB
hsb(342, 84%, 99%)
CMYK
cmyk(0%, 84%, 60%, 1%)
Oklch
oklch(64.5% 0.240 11.9)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A6FC86
DD88FC

Analogous

E1FC88
A6FC86
88FCA3

Triadic

A6FC86
88A7FC
FC88A7

Split-Comp.

A6FC86
A388FC
FC88E1

Tetradic

A6FC86
88E1FC
DD88FC
FCA388

Contrast Matrix WCAG 2.1 Contrast

A6FC86
59F2AC
0BE7D2
84849C
FC2866
—
1.1
Fail
1.3
Fail
2.9
Fail
3.0
Fail
1.1
Fail
—
1.1
Fail
2.6
Fail
2.6
Fail
1.3
Fail
1.1
Fail
—
2.3
Fail
2.4
Fail
2.9
Fail
2.6
Fail
2.3
Fail
—
1.0
Fail
3.0
Fail
2.6
Fail
2.4
Fail
1.0
Fail
—
White BG
1.2Fail
1.4Fail
1.6Fail
3.6AA Large
3.7AA Large
Black BG
16.9AAA
14.7AAA
13.4AAA
5.8AA
5.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CBCCA3
9B9DBD
6A6CD7
848496
A09E57

Deuteranopia

C6C0A9
9287C1
5E4DD8
848495
ADBC53

Tritanopia

AAB9BE
61CACD
16DBDC
849291
F14B49

Achromatopsia

D5D5D5
BCBCBC
A3A3A3
878787
6E6E6E

Shades & Tints Shades & Tints

#A6FC86

Dark
Light

#59F2AC

Dark
Light

#0BE7D2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a6fc86;
  --color-2: #59f2ac;
  --color-3: #0be7d2;
  --color-4: #84849c;
  --color-5: #fc2866;
}

SCSS

$color-1: #a6fc86;
$color-2: #59f2ac;
$color-3: #0be7d2;
$color-4: #84849c;
$color-5: #fc2866;

TAILWIND

colors: {
  'brand-1': '#a6fc86',
  'brand-2': '#59f2ac',
  'brand-3': '#0be7d2',
  'brand-4': '#84849c',
  'brand-5': '#fc2866',
}

RGB Array

[166, 252, 134], [89, 242, 172], [11, 231, 210], [132, 132, 156], [252, 40, 102]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This bright-style palette of #A6FC86, #59F2AC, #0BE7D2, #84849C, #FC2866 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: #a6fc86; --color-2: #59f2ac; --color-3: #0be7d2; --color-4: #84849c; --color-5: #fc2866. 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 bright-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