SitePoint Sponsor

User Tag List

Results 1 to 11 of 11

Thread: Color Harmony?

  1. #1
    SitePoint Wizard Another Designer's Avatar
    Join Date
    May 2005
    Posts
    1,370
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    Color Harmony?

    Hello all,
    I need a good background color that will go nicely with this color #003063
    After going to the Adobe color site I choose this #427E93
    However, I am not sure it is good enough. I am doing this website for a local gym.
    Thanks for any suggestions.

  2. #2
    SitePoint Addict mari's Avatar
    Join Date
    Nov 2007
    Location
    London, UK
    Posts
    218
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    try 2e81d4

  3. #3
    SitePoint Wizard Another Designer's Avatar
    Join Date
    May 2005
    Posts
    1,370
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by mari View Post
    try 2e81d4
    That's not too bad. Thanks.
    Anyone else?

  4. #4
    Non-Member
    Join Date
    Mar 2010
    Posts
    4
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi, did you try 2e81d4... because is one of my favorite..

  5. #5
    SitePoint Wizard Another Designer's Avatar
    Join Date
    May 2005
    Posts
    1,370
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by michaelmast View Post
    Hi, did you try 2e81d4... because is one of my favorite..
    Yes I did. Pretty good.

  6. #6
    SitePoint Wizard DougBTX's Avatar
    Join Date
    Nov 2001
    Location
    Bath, UK
    Posts
    2,498
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    For a background, try #F6EDDF to let your blue (I assume a logo?) stand out.
    Hello World

  7. #7
    SitePoint Zealot daveporter's Avatar
    Join Date
    Mar 2002
    Location
    Perth, Western Australia
    Posts
    133
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Azure
    #e0f0f0

    Powder Blue
    #c0e0e0

    Light steel blue
    #B0C4DE

    Started with light steel blue ( #B0C4DE ) and took it lighter
    #A9C7DE

    cheers Dave

  8. #8
    SitePoint Member
    Join Date
    Mar 2010
    Location
    Austin, Texas
    Posts
    17
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Daveporter and DougBTX are steering you in the right direction. Their suggestions provide plenty of contrast as a background shade to your dark blue. I myself came up with d5eee0, a mint green. It's in the same range as the azure and powder blue that Dave has suggested. The other two colors mentioned — 2e81d4 and 427e93 — afford far too little contrast to consider.

    You might want to use the Contrast-A color selection tool for these decisions. With it, you can pick out an entire palette. Use the "Visualize thresholds" feature to be sure you know you are getting enough contrast for each color pair you choose. If there is too little contrast, the "Visualize thresholds" feature makes it easy to decide which color you want to adjust and then adjust it to a color that is still appealing but has enough contrast.

    As a new member, I can't link to the Contrast-A tool, but if you use "contrast hyphen a dot dasplankton dot com" (changing the hyphen and dots into the respective characters) in the url you should be able to find it.
    Last edited by aye4design; Mar 3, 2010 at 23:03. Reason: specifying which two colors lacked sufficient contrast

  9. #9
    Follow: @AlexDawsonUK silver trophybronze trophy AlexDawson's Avatar
    Join Date
    Feb 2009
    Location
    England, UK
    Posts
    8,111
    Mentioned
    0 Post(s)
    Tagged
    1 Thread(s)
    I would put forward this color: #FFFDB2

    With something like a deep blue for your foreground text you want something to reflect the contrast by giving the content itself some depth. As others gave green examples I went with a buttercup style color that's faint enough not to draw the focus away but has the soft pastel undertones you want to keep it vibrant.

  10. #10
    SitePoint Wizard bronze trophy Black Max's Avatar
    Join Date
    Apr 2007
    Posts
    4,029
    Mentioned
    12 Post(s)
    Tagged
    0 Thread(s)
    Contrast-A site. It's a good one, thanks for posting it, aye4design!

  11. #11
    SitePoint Member
    Join Date
    Mar 2010
    Location
    Austin, Texas
    Posts
    17
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by AlexDawson View Post
    I would put forward this color: #FFFDB2
    That's another nice one with excellent contrast — and I agree with you that it gives a certain depth to the blue. That deep blue seems to work well with many different colors. A number of lavender shades, including e2c3fd, also work well, although with them you do need to be more careful about picking a shade that is light enough to have enough contrast for fine print.

    In fact, I'm adding many of these pairs to my palette for future reference.

    And I do love Contrast-A. I have used it only for a month or two, but it has turned out to be so useful it's hard to believe it's free.


Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •