Grow your CSS skills. Land your dream job.

Your Go-To Hex Code Color

Published by Chris Coyier

A few days ago I mused on Twitter:

When I need to pick a hex code color out of thin air, I always pick #ccc

Turns out, lots of folks have their own favorites! It's little mini conversations like this that make Twitter so much fun.

DigitalSkraps

#ccc

 

reidab

orange

 

leefloyd

#e8e8e8

 

sksmatt

#ccc

 

kristarella

#ddf

 

mwalls13

#336699

 

jmdickinson

#f00

 

vintom

#c40000

 

jamesdoc

any gray

 

jasonhuck

#eee

 

joshellington

#c0c0c0

 

fliawebdesign

#333

 

Schoonology

#2c80ff

 

sametjan

#666

 

nwjsmith

#ccc

 

jamespadolsey

#999

 

Overshee

random letters and numbers

 

Comments

  1. My go to hex: #ebebeb

  2. Permalink to comment#

    I love #ffc and #fcc. When I need to use gray, I pick #ddd

  3. Yay for twitter!
    speaking of randomly picked colors, when im debugging a site it, at some point if not always, consists of me putting a colored border on an element to see what will happen, i almost always go with 1px solid lime/pink/green/orange/red.
    this debugging scenario is the only time when i use the names of colors like this and usually proves pretty helpful.

  4. Permalink to comment#

    I try to repeat this experiment, too! Great ;)

  5. sketchpad
    Permalink to comment#

    depends on the time of day… but usually: #c0ffee

  6. Paul Davis
    Permalink to comment#

    @sketchpad

    If only @c0ffee was actually brown, rather than that pale blue. =P

  7. Permalink to comment#

    Because I used it umpteen times on a project a couple years back, #4d4d4d is my mock-up colour of choice.

  8. Léo Renaud
    Permalink to comment#

    I usually go with #313131. Just like many of you, I used it a lot on a project somewhen and it just stuck. I like the “almost black but still gray” tones.

  9. Permalink to comment#

    blue or yellow as word – I’m not really comfy with all the hex codes ;)

  10. Alf Brand
    Permalink to comment#

    For me, if I need a block of color I go to #eee (Also my fav for zebra striping tables) and for debug outlines it’s always #c00.

  11. Charlie
    Permalink to comment#

    I tend to use primary and secondary colours when creating a layout mock up. It makes for an eye watering mess of layout-y goodness.

  12. Permalink to comment#

    If these colors say something about us (maybe as designers), I wonder if mine means I’m complex? Or that I think in hex? Or maybe that I just think too much?

    ; )

    (It’s Schoonology) – #2c80ff

  13. From a project I worked on for too long, these greys always pop in my head: #cecece and #9e9e9e!

  14. Permalink to comment#

    #ccc or #0c0

  15. Paul Walker
    Permalink to comment#

    If i’m debugging, I’ll pick #f0f (magenta), because I’d almost never use it otherwise.

    Otherwise, #223.

  16. usually #CCC or #FFF coz I often enough work with gray shadows ^-^ i love grey, looks modern somehow… helvetica neue ultralight in #CCC i could die for ^-^

  17. Permalink to comment#

    it’s #ccc for me too! (and #f0f0f0 or #999 if I need something lighter/darker)

  18. kristin
    Permalink to comment#

    How a bout deeppink and lightpink. my faves!

  19. Tyler
    Permalink to comment#

    I go with #c0c0c0 or # and any three numbers or letters in a row.

  20. I use go-to hex only for debugging, and it’s “red” for it’s visibility and fast writing on my azerty keyboard ;p

  21. Permalink to comment#

    Like me, it seems that a LOT of users fall back to the many shades of ‘grey’.

    This could be the reason so many websites out there have #cccccc, #999999, #666666 backgrounds.

  22. Permalink to comment#

    Love it… I go for any letter-number pair at random just to see, f4f4f4, c8c8c8, f1f1f1… etc

  23. Permalink to comment#

    lovely idea :)

  24. Permalink to comment#

    Pfft, #CFCFCF.

  25. Permalink to comment#

    I don’t know why, but I always use #eee for client projects when I need alternating row colors for divs.

  26. Anrkist
    Permalink to comment#

    Let other people poking at your code know you mean business with 031337.

  27. Mel
    Permalink to comment#

    Je préfère “red”. C’est court à écrire et facile a voir.

  28. I’m a huge fan of #EFEFEF and not sure why to this date.

  29. Valuediz
    Permalink to comment#

    And I’m fan of #5a5a5a. I always using it for text.

  30. Permalink to comment#

    Mine too is #ccc. It also happens to be one of the primary colors in the profile of the company I work for by pure coincidence.

  31. Permalink to comment#

    Mine is also #ccc! that or “red” if Im just trying to see a div or something.

  32. I use #3172D3 as its my favourite blue, it always pops up on most of my sites at one point or another :)

    http://www.twitter.com/stugreenham

  33. Permalink to comment#

    I use #ececec – it’s the only one I can consistently remember. Else I just type random letters and see what happens :)

  34. Permalink to comment#

    I use the color of love.

Leave a Comment

Current day month ye@r *

*May or may not contain any actual "CSS" or "Tricks".