What are the hex codes in the Cyber Lime Night palette?

The Cyber Lime Night color palette consists of Obsidian #050B10, Charcoal #223D4E, Lime #B4FF39, Rose #FF3E9A.

How should I use the Cyber Lime Night palette on a website?

Use Lime #B4FF39 as the background, Obsidian #050B10 for text, Rose #FF3E9A for buttons and links, and Charcoal #223D4E for accents. 3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Obsidian on Lime at 16.3:1.

Which colors in Cyber Lime Night have enough contrast for text?

The highest-contrast pair is #050B10 on #B4FF39 with a ratio of 16.3:1, which passes WCAG AA for normal text.

#050B10Obsidian

#223D4ECharcoal

#B4FF39Lime

#FF3E9ARose

Cyber Lime Night color palette

Cyberpunk Dark Vibrant Neon Black Green Pink

Color codes click any value to copy

Name	HEX	RGB	HSL	OKLCH
Obsidian	`#050B10`	`rgb(5, 11, 16)`	`hsl(207, 52%, 4%)`	`oklch(14.5% 0.016 240)`
Charcoal	`#223D4E`	`rgb(34, 61, 78)`	`hsl(203, 39%, 22%)`	`oklch(34.6% 0.044 238)`
Lime	`#B4FF39`	`rgb(180, 255, 57)`	`hsl(83, 100%, 61%)`	`oklch(91.7% 0.226 129)`
Rose	`#FF3E9A`	`rgb(255, 62, 154)`	`hsl(331, 100%, 62%)`	`oklch(67.8% 0.237 357)`

Why it works and how to use it

Cyber Lime Night is a vivid dark, split color palette tagged cyberpunk, dark, vibrant. The hues span about 128°, enough contrast to create a focal point without the harshness of true complements. These are bold, punchy colors that need generous white space around them. Warm and cool hues are mixed, which adds depth.

With 3 chromatic colors, Rose takes the lead while the rest support. Lightness runs from 4% to 62%. Well suited to dark-mode interfaces and gaming.

Background: Lime (#B4FF39) is the lightest color, so it belongs on large surfaces.
Text: Obsidian (#050B10) on #B4FF39 gives 16.3:1, passing WCAG AAA.
Primary: Rose (#FF3E9A) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
Accent: Charcoal (#223D4E) for highlights, badges and hover states.

3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Obsidian on Lime at 16.3:1.

Preview on a real UI see how the palette feels in context

BrandFeaturesPricingBlogGet started

Design faster with Cyber Lime Night

A palette preview that turns four colors into a page, so you can judge hierarchy, contrast and mood before you commit.

Primary action Secondary

Card title

Roles are assigned by lightness.

Color blindness simulation

#050B10

#223D4E

#B4FF39

#FF3E9A

Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.

Palette card

Contrast check WCAG ratios between palette colors

Pair	Sample	Ratio	Level
`#050B10` on `#B4FF39`	Aa	16.3:1	AAA
`#223D4E` on `#B4FF39`	Aa	9.38:1	AAA
`#050B10` on `#FF3E9A`	Aa	6.03:1	AA
`#223D4E` on `#FF3E9A`	Aa	3.47:1	AA large only
`#B4FF39` on `#FF3E9A`	Aa	2.7:1	Fail
`#050B10` on `#223D4E`	Aa	1.74:1	Fail

Similar palettes 24 more in this mood