Cyber Yellow

HEX: #FFD300 | Modern Palette

On White
1.44:1
FAIL
On Black
14.57:1
PASS

Color Specifications

HEX
#FFD300
RGB
255, 211, 0
HSL
49°, 100% ,100%
CMYK
0, 17.25, 100, 0

About Cyber Yellow

Cyber Yellow (#FFD300) is a color with RGB(255, 211, 0) and HSL(49.65°, 100%, 100%). It is commonly associated with Playful moods. In design, it fits Neon, Warm styles and is suitable for Text, Button, Background. Its complementary color is #002CFF, which creates strong contrast. Its triadic palette includes #00FFD3 and #D300FF.

  • HEX: #FFD300
  • RGB: 255, 211, 0
  • HSL: 49.65°, 100%, 100%
  • Mood: Playful
  • Style: Neon, Warm
  • Use case: Text, Button, Background
  • Complementary color: #002CFF
  • Triadic colors: #00FFD3, #D300FF

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Cyber Yellow #FFD300 is used in Monochromatic, Neutral + Accent, Analogous, 3 + 1 + 1 palettes, giving designers ready-made combinations for backgrounds, surfaces, accents, and interface elements.

Monochromatic Five tones of the same hue — a reliable scale for backgrounds, surfaces, and text.
 
 
CYBER YELLOW
 
 
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
 
 
CYBER YELLOW
 
 
Analogous Five hues drifting across a 60° arc — naturally harmonious and pleasing to the eye.
 
 
CYBER YELLOW
 
 
3 + 1 + 1 Three analogous base colors, one complementary accent, one dark anchor — bold yet balanced.
 
 
 
 
 

Color Harmonies

Cyber Yellow #FFD300 pairs with #002CFF as its complementary color, and #00FFD3 and #D300FF in triadic combinations. These harmony relationships help create balanced color combinations for UI, branding, and design work.

Complementary

The color directly opposite on the color wheel — creates maximum contrast and vibrance.

CYBER YELLOW
Analogous

Colors adjacent on the wheel — naturally harmonious and pleasing to the eye.

CYBER YELLOW
Triadic

Three colors equally spaced 120° apart — bold, balanced, and visually rich.

CYBER YELLOW
Split-Complementary

Two colors flanking the complement — high contrast with less tension than full complementary.

CYBER YELLOW
Tetradic (Square)

Four colors at 90° intervals — rich variety, best when one color dominates.

CYBER YELLOW
Monochromatic

Shades and tints of the same hue — cohesive, elegant, and easy to work with.

CYBER YELLOW

Shades & Tints

The shade and tint range for Cyber Yellow #FFD300 moves from dark #1A1500 tones through the base color to lighter #FFFBE6 tones, making it useful for depth, hierarchy, and background variation.

CYBER YELLOW

Color Characteristics

Mood
Playful
Style
Neon Warm
Use case
Text Button Background

Accessibility Simulation

Deuteranopia #E1E100
Protanopia #D8D805
Tritanopia #FFC7C7
Achromatopsia #D7D7D7

Frequently Asked Questions

Cyber Yellow (#FFD300) is a color with RGB(255, 211, 0) and HSL(49.65°, 100%, 100%).

#FFD300 pairs strongly with #002CFF as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#FFD300 is suitable for Text, Button, Background and works well with Neon, Warm styles.

#FFD300 is commonly associated with Playful.

Similar Named Colors
Gold #FFD700 ΔE 1.30
School Bus Yellow #FFD800 ΔE 1.62
Tangerine Yellow #FFCC00 ΔE 2.33
Jonquil #F4CA16 ΔE 2.42

Code Snippets

/* Background */
.element {
    background-color: #FFD300;
}

/* Text */
.element {
    color: #FFD300;
}

/* Border */
.element {
    border: 1px solid #FFD300;
}

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #FFD300,
        #FFFFFF
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #FFD300,
        #FFFFFF
    );
}

// SCSS variable
$cyber-yellow: #FFD300;

// With RGB channels (useful for rgba() usage)
$cyber-yellow-r: 255;
$cyber-yellow-g: 211;
$cyber-yellow-b: 0;

// Usage
.element {
    background-color: $cyber-yellow;
    color: rgba($cyber-yellow-r, $cyber-yellow-g, $cyber-yellow-b, 0.8);
}