← Back to Editor

#11FFFF · #88FF88 · #FFFF11 · #FF8888 · #FF11FF

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

#11FFFF

Lake Blue · Cyan · Lake Green

HEX
#11FFFF
RGB
rgb(17, 255, 255)
HSL
hsl(180, 100%, 53%)
HSB
hsb(180, 93%, 100%)
CMYK
cmyk(93%, 0%, 0%, 0%)
Oklch
oklch(90.6% 0.153 194.8)

Traditional「Lake Blue」· Paint「Lake Green」· Creative Blush Sunrise

#88FF88

Emerald · LightGreen · Apple Green

HEX
#88FF88
RGB
rgb(136, 255, 136)
HSL
hsl(120, 100%, 77%)
HSB
hsb(120, 47%, 100%)
CMYK
cmyk(47%, 0%, 47%, 0%)
Oklch
oklch(90.3% 0.191 143.8)

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

#FFFF11

Autumn Sage · Yellow · Sunflower

HEX
#FFFF11
RGB
rgb(255, 255, 17)
HSL
hsl(60, 100%, 53%)
HSB
hsb(60, 93%, 100%)
CMYK
cmyk(0%, 0%, 93%, 0%)
Oklch
oklch(96.8% 0.209 109.7)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#FF8888

Peach Pink · LightCoral · Coral Red

HEX
#FF8888
RGB
rgb(255, 136, 136)
HSL
hsl(0, 100%, 77%)
HSB
hsb(0, 47%, 100%)
CMYK
cmyk(0%, 47%, 47%, 0%)
Oklch
oklch(75.8% 0.145 21.0)

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

#FF11FF

Rose Purple · Magenta · Violet

HEX
#FF11FF
RGB
rgb(255, 17, 255)
HSL
hsl(300, 100%, 53%)
HSB
hsb(300, 93%, 100%)
CMYK
cmyk(0%, 93%, 0%, 0%)
Oklch
oklch(70.4% 0.319 328.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

11FFFF
FF0F0F

Analogous

0FFF87
11FFFF
0F87FF

Triadic

11FFFF
FF0FFF
FFFF0F

Split-Comp.

11FFFF
FF0F87
FF870F

Tetradic

11FFFF
870FFF
FF0F0F
87FF0F

Contrast Matrix WCAG 2.1 Contrast

11FFFF
88FF88
FFFF11
FF8888
FF11FF
—
1.0
Fail
1.2
Fail
1.8
Fail
2.5
Fail
1.0
Fail
—
1.2
Fail
1.8
Fail
2.5
Fail
1.2
Fail
1.2
Fail
—
2.1
Fail
2.9
Fail
1.8
Fail
1.8
Fail
2.1
Fail
—
1.3
Fail
2.5
Fail
2.5
Fail
2.9
Fail
1.3
Fail
—
White BG
1.3Fail
1.3Fail
1.1Fail
2.3Fail
3.1AA Large
Black BG
16.8AAA
16.7AAA
19.6AAA
9.1AAA
6.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

787AFF
BCBDA5
FFFF4B
CBCA88
9896C5

Deuteranopia

6A58FF
B5ACAC
FFFF58
D2DB88
A6B8B8

Tritanopia

1DFFFF
8EBCC1
FF7882
F98888
F3988E

Achromatopsia

B8B8B8
CECECE
E4E4E4
ACACAC
737373

Shades & Tints Shades & Tints

#11FFFF

Dark
Light

#88FF88

Dark
Light

#FFFF11

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #11ffff;
  --color-2: #88ff88;
  --color-3: #ffff11;
  --color-4: #ff8888;
  --color-5: #ff11ff;
}

SCSS

$color-1: #11ffff;
$color-2: #88ff88;
$color-3: #ffff11;
$color-4: #ff8888;
$color-5: #ff11ff;

TAILWIND

colors: {
  'brand-1': '#11ffff',
  'brand-2': '#88ff88',
  'brand-3': '#ffff11',
  'brand-4': '#ff8888',
  'brand-5': '#ff11ff',
}

RGB Array

[17, 255, 255], [136, 255, 136], [255, 255, 17], [255, 136, 136], [255, 17, 255]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #11FFFF, #88FF88, #FFFF11, #FF8888, #FF11FF 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: #11ffff; --color-2: #88ff88; --color-3: #ffff11; --color-4: #ff8888; --color-5: #ff11ff. 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