← Back to Editor

#000000 · #08C9C6 · #D9FF00 · #CCCCCC · #FCFFEB

bright

A 5-color bright palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#000000

Ink Black · Black · Jet Black

HEX
#000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
HSB
hsb(0, 0%, 0%)
CMYK
cmyk(0%, 0%, 0%, 100%)
Oklch
oklch(0.0% 0.000 0.0)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

#08C9C6

Mineral Blue · DarkTurquoise · Mint Ice

HEX
#08C9C6
RGB
rgb(8, 201, 198)
HSL
hsl(179, 92%, 41%)
HSB
hsb(179, 96%, 79%)
CMYK
cmyk(96%, 0%, 1%, 21%)
Oklch
oklch(75.6% 0.129 192.9)

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

#D9FF00

Autumn Sage · Yellow · Honey Gold

HEX
#D9FF00
RGB
rgb(217, 255, 0)
HSL
hsl(69, 100%, 50%)
HSB
hsb(69, 100%, 100%)
CMYK
cmyk(15%, 0%, 100%, 0%)
Oklch
oklch(93.9% 0.223 120.0)

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

#CCCCCC

Silver Gray · LightGray · Pearl Gray

HEX
#CCCCCC
RGB
rgb(204, 204, 204)
HSL
hsl(0, 0%, 80%)
HSB
hsb(0, 0%, 80%)
CMYK
cmyk(0%, 0%, 0%, 20%)
Oklch
oklch(84.5% 0.000 89.9)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

#FCFFEB

Fresh Green · SeaShell · Lemon Cream

HEX
#FCFFEB
RGB
rgb(252, 255, 235)
HSL
hsl(69, 100%, 96%)
HSB
hsb(69, 8%, 100%)
CMYK
cmyk(1%, 0%, 8%, 0%)
Oklch
oklch(99.2% 0.026 113.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

000000
000000

Analogous

000000
000000
000000

Triadic

000000
000000
000000

Split-Comp.

000000
000000
000000

Tetradic

000000
000000
000000
000000

Contrast Matrix WCAG 2.1 Contrast

000000
08C9C6
D9FF00
CCCCCC
FCFFEB
—
10.2
AAA
18.3
AAA
13.1
AAA
20.6
AAA
10.2
AAA
—
1.8
Fail
1.3
Fail
2.0
Fail
18.3
AAA
1.8
Fail
—
1.4
Fail
1.1
Fail
13.1
AAA
1.3
Fail
1.4
Fail
—
1.6
Fail
20.6
AAA
2.0
Fail
1.1
Fail
1.6
Fail
—
White BG
21.0AAA
2.1Fail
1.2Fail
1.6Fail
1.0Fail
Black BG
1.0Fail
10.2AAA
18.3AAA
13.1AAA
20.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

000000
5C5DC7
E9EA3E
CCCCCC
FDFDF0

Deuteranopia

000000
5042C7
E7E44D
CCCCCC
FDFDF1

Tritanopia

000000
12C7C7
DB6E79
CCCCCC
FCF4F5

Achromatopsia

000000
8F8F8F
D7D7D7
CCCCCC
FCFCFC

Shades & Tints Shades & Tints

#000000

Dark
Light

#08C9C6

Dark
Light

#D9FF00

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #000000;
  --color-2: #08c9c6;
  --color-3: #d9ff00;
  --color-4: #cccccc;
  --color-5: #fcffeb;
}

SCSS

$color-1: #000000;
$color-2: #08c9c6;
$color-3: #d9ff00;
$color-4: #cccccc;
$color-5: #fcffeb;

TAILWIND

colors: {
  'brand-1': '#000000',
  'brand-2': '#08c9c6',
  'brand-3': '#d9ff00',
  'brand-4': '#cccccc',
  'brand-5': '#fcffeb',
}

RGB Array

[0, 0, 0], [8, 201, 198], [217, 255, 0], [204, 204, 204], [252, 255, 235]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This bright-style palette of #000000, #08C9C6, #D9FF00, #CCCCCC, #FCFFEB is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #000000; --color-2: #08c9c6; --color-3: #d9ff00; --color-4: #cccccc; --color-5: #fcffeb. 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 bright-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco industries. 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