↑ ↓ to moveEnter to openEsc to close

Bright colors

Bright colors are high in saturation and fairly light, so they grab attention. This set spans the full wheel, from sunny yellow to electric blue.

Bright colors around the wheel

  • Aa 13.41:1
    Light Green #76FF7B RGB 118, 255, 123
  • Aa 12.27:1
    Sour Apple Candy #AAEE22 RGB 170, 238, 34
  • Aa 10.78:1
    Citrus Splash #FFC400 RGB 255, 196, 0
  • Aa 8.04:1
    Vitamin C #FF9900 RGB 255, 153, 0
  • Aa 8.56:1
    Seaweed #18D17B RGB 24, 209, 123
  • Aa 6.73:1
    Candy Pink #FF63E9 RGB 255, 99, 233
  • Aa 8.01:1
    Candy Green #33CC00 RGB 51, 204, 0
  • Aa 6.50:1
    Blush Hour #FF6F91 RGB 255, 111, 145
  • Aa 5.45:1
    Ochre Spice #E96D03 RGB 233, 109, 3
  • Aa 5.02:1
    Hotspot #FF4433 RGB 255, 68, 51
  • Aa 4.71:1
    Cotton Candy Explosions #DD22FF RGB 221, 34, 255
  • Aa 4.43:1
    Flaming Hot Flamingoes #FF005D RGB 255, 0, 93
  • Aa 4.17:1
    Legendary Lavender #9D61D4 RGB 157, 97, 212
  • Aa 4.59:1
    Pestering Pesto #119922 RGB 17, 153, 34
  • Aa 4.76:1
    Magentarama #CF3476 RGB 207, 52, 118
  • Aa 5.35:1
    Vivid Violet #9F00FF RGB 159, 0, 255
  • Aa 4.84:1
    Royal Blue #4169E1 RGB 65, 105, 225
  • Aa 5.30:1
    Hot Lips #C9312B RGB 201, 49, 43

Brightest CSS keywords

  • CSSAa 16.03:1
    yellow #FFFF00 RGB 255, 255, 0
  • CSSAa 14.04:1
    greenyellow #ADFF2F RGB 173, 255, 47
  • CSSAa 13.29:1
    chartreuse #7FFF00 RGB 127, 255, 0
  • CSSAa 12.94:1
    lawngreen #7CFC00 RGB 124, 252, 0
  • CSSAa 12.80:1
    springgreen #00FF7F RGB 0, 255, 127
  • CSSAa 12.41:1
    mediumspringgreen #00FA9A RGB 0, 250, 154
  • CSSAa 12.55:1
    lime #00FF00 RGB 0, 255, 0
  • CSSAa 8.13:1
    limegreen #32CD32 RGB 50, 205, 50
  • CSSAa 5.49:1
    magenta #FF00FF RGB 255, 0, 255
  • CSSAa 5.00:1
    orangered #FF4500 RGB 255, 69, 0
  • CSSAa 4.73:1
    deeppink #FF1493 RGB 255, 20, 147
  • CSSAa 4.30:1
    red #FF0000 RGB 255, 0, 0
  • CSSAa 4.36:1
    mediumorchid #BA55D3 RGB 186, 85, 211
  • CSSAa 4.98:1
    crimson #DC143C RGB 220, 20, 60
  • CSSAa 5.42:1
    mediumvioletred #C71585 RGB 199, 21, 133

Palette idea: light to dark

  • LightestAa 16.03:1
    yellow #FFFF00 RGB 255, 255, 0
  • LightAa 12.55:1
    lime #00FF00 RGB 0, 255, 0
  • MidAa 5.49:1
    magenta #FF00FF RGB 255, 0, 255
  • DeepAa 4.36:1
    mediumorchid #BA55D3 RGB 186, 85, 211
  • DarkestAa 5.30:1
    Hot Lips #C9312B RGB 201, 49, 43

Palette idea: with neutrals

  • BackgroundAa 16.11:1
    Warm white #FAF7F2 RGB 250, 247, 242
  • SurfaceAa 12.80:1
    springgreen #00FF7F RGB 0, 255, 127
  • MainAa 5.49:1
    magenta #FF00FF RGB 255, 0, 255
  • DeepAa 4.76:1
    Magentarama #CF3476 RGB 207, 52, 118
  • TextAa 16.81:1
    Ink #1F1D1A RGB 31, 29, 26

Palette idea: complementary accent

  • LightAa 13.29:1
    chartreuse #7FFF00 RGB 127, 255, 0
  • MainAa 5.49:1
    magenta #FF00FF RGB 255, 0, 255
  • DarkAa 5.35:1
    Vivid Violet #9F00FF RGB 159, 0, 255
  • AccentAa 6.90:1
    Complement #52B868 RGB 82, 184, 104
  • BaseAa 15.53:1
    Off-white #F5F3EE RGB 245, 243, 238

Bright, vivid, saturated

People use "bright" for two things: colors that are light, and colors that are intense. The swatches here are both: high saturation and middle-to-high lightness, picked from every part of the wheel so you can build a rainbow palette or choose one star color.

When bright colors help

  • Calls to action: a single bright color against neutrals tells people where to click.
  • Children's products and games: brights feel playful and energetic.
  • Data visualization: distinct bright hues help separate categories, as long as the chart also works for color-blind readers.
  • Events and posters: high saturation is visible from a distance.

Keeping it under control

Several brights together compete for attention. A few rules help:

  1. Let one bright color lead and use others sparingly.
  2. Ground brights with neutrals: white, charcoal or a soft gray.
  3. Vary lightness too, not just hue, so the palette has structure.

Text on bright colors

Bright yellows, limes and cyans need black text. Bright blues, purples and reds may take white. The "Aa" figure on each swatch shows the better choice and its contrast ratio.

The most extreme shades are on the neon colors page, and fresh seasonal brights on spring colors. The random color generator is good for discovering new combinations, and the contrast checker for checking them.