Copywriteroffice

Serp data

Request Result

The request result help you to show your API requests results.

stdClass Object
(
    [data] => stdClass Object
        (
            [query] => a complete guide to color theory
            [search_url] => https://www.google.co.uk/search?q=a+complete+guide+to+color+theory&oq=a+complete+guide+to+color+theory&num=30&hl=en&gl=GB&sourceid=chrome&ie=UTF-8
            [device] => desktop
            [hl] => en
            [gl] => GB
            [search_engine] => google.co.uk
            [number_of_results] => 1010000000
            [related_searches] => Array
                (
                    [0] => stdClass Object
                        (
                            [title] => color theory for designers pdf
                            [url] => https://www.google.co.uk/search?num=30&hl=en&gl=GB&q=Color+theory+for+designers+pdf&sa=X&ved=2ahUKEwih8rrm3qL1AhW-QEEAHX22ABoQ1QJ6BAh0EAE
                        )

                    [1] => stdClass Object
                        (
                            [title] => understanding color theory
                            [url] => https://www.google.co.uk/search?num=30&hl=en&gl=GB&q=Understanding+color+theory&sa=X&ved=2ahUKEwih8rrm3qL1AhW-QEEAHX22ABoQ1QJ6BAh1EAE
                        )

                    [2] => stdClass Object
                        (
                            [title] => color theory pdf
                            [url] => https://www.google.co.uk/search?num=30&hl=en&gl=GB&q=Color+theory+PDF&sa=X&ved=2ahUKEwih8rrm3qL1AhW-QEEAHX22ABoQ1QJ6BAhzEAE
                        )

                    [3] => stdClass Object
                        (
                            [title] => color theory painting exercises
                            [url] => https://www.google.co.uk/search?num=30&hl=en&gl=GB&q=Color+theory+painting+exercises&sa=X&ved=2ahUKEwih8rrm3qL1AhW-QEEAHX22ABoQ1QJ6BAhyEAE
                        )

                    [4] => stdClass Object
                        (
                            [title] => color theory for artists
                            [url] => https://www.google.co.uk/search?num=30&hl=en&gl=GB&q=Color+theory+for+artists&sa=X&ved=2ahUKEwih8rrm3qL1AhW-QEEAHX22ABoQ1QJ6BAhvEAE
                        )

                    [5] => stdClass Object
                        (
                            [title] => principles of color theory
                            [url] => https://www.google.co.uk/search?num=30&hl=en&gl=GB&q=Principles+of+color+theory&sa=X&ved=2ahUKEwih8rrm3qL1AhW-QEEAHX22ABoQ1QJ6BAhxEAE
                        )

                    [6] => stdClass Object
                        (
                            [title] => color theory examples
                            [url] => https://www.google.co.uk/search?num=30&hl=en&gl=GB&q=Color+theory+examples&sa=X&ved=2ahUKEwih8rrm3qL1AhW-QEEAHX22ABoQ1QJ6BAhwEAE
                        )

                )

            [result] => Array
                (
                    [0] => stdClass Object
                        (
                            [paidPosition] => top
                            [products] => Array
                                (
                                    [0] => stdClass Object
                                        (
                                            [title] => World of Books - The Designer's Guide to Color Combinations By Leslie Cabarga
                                            [url] => https://www.wob.com/en-gb/books/leslie-cabarga/designer-s-guide-to-color-combinations/9780891348573#GOR003981402
                                            [image] => data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==
                                            [price] => £15.79
                                            [merchant] => 
                                            [source] => By Google
                                        )

                                    [1] => stdClass Object
                                        (
                                            [title] => Oxfam GB - Color theory
                                            [url] => https://onlineshop.oxfam.org.uk/color-theory/product/HD_300554950
                                            [image] => data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==
                                            [price] => £24.99
                                            [merchant] => 
                                            [source] => By Google
                                        )

                                    [2] => stdClass Object
                                        (
                                            [title] => Amazon.co.uk - Color Theory: An essential guide to color-from basic principles to practical applications (Artist's Library)
                                            [url] => https://www.amazon.co.uk/Color-Theory-color-principles-applications/dp/1600583024?source=ps-sl-shoppingads-lpcontext&psc=1%27
                                            [image] => data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==
                                            [price] => £6.99
                                            [merchant] => 
                                            [source] => By Google
                                        )

                                )

                            [position] => 1
                            [serp_type] => paid
                            [isOrganicPage] => 
                            [isOrganic] => 
                        )

                    [1] => stdClass Object
                        (
                            [position] => 2
                            [videos] => Array
                                (
                                    [0] => stdClass Object
                                        (
                                            [title] => Color Theory - A Beginners Guide
                                            [url] => https://www.youtube.com/watch?v=NBg3GjrcMF4
                                            [thumbnail] => data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBwgHBgkIBwgKCgkLDRYPDQwMDRsUFRAWIB0iIiAdHx8kKDQsJCYxJx8fLT0tMTU3Ojo6Iys/RD84QzQ5OjcBCgoKDQwNGg8PGjclHyU3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3N//AABEIAEYAfAMBIgACEQEDEQH/xAAbAAACAwEBAQAAAAAAAAAAAAAFBgIDBAABB//EADwQAAIBAwMCBAUCAwMNAAAAAAECAwAEEQUSITFBEyJRYQYUcYGxkaEjMkKy0fEVFiUnUlRicqO0weHw/8QAGgEAAgMBAQAAAAAAAAAAAAAABAUCAwYBAP/EAC4RAAEDAwIEBAUFAAAAAAAAAAEAAgMEESESMQUTQaEiUbHwBmFxgcEUJJHR8f/aAAwDAQACEQMRAD8AiGSNAsY5x1qo84HqRXtXWlu1xIG6RKdxY98dhWomkbHGXO2C104iEJY/DSLK82B2NulCkjnwx/L9Cev6Cgfz6w6lOY41NqsYx1AVcLgkgHHOR9xThZ6DqGr2kd4moJaQy8xx+AXJTsxIYdeuPTFF9K+F9P0ezmit0MrzDEzyc7wONuOgXHb9c1lP1UxcHk5Cywo6drDGG4O6WLSNLi2iuIs7JVDDPXmrDb47URhso7CU2Ua4hO6SDnOBnLL9iePY+xqbwgAntWggmEsYeFjqqN0Ezoz09EFuYSq7+AFHOayk4OG4+tG5wqoDuwpGdw7D1/H6is1vHHdRM0kQDbsNG2D4eOi8Z6D8mkVdwqKpqTodZxF/l7K1fCuPzUdG3mt1MBsPO3pjvt0QoAzvwP4a9T6mtx1bUooREl0wQDAyASB9SK0vAFGFAAHYVC02W97HNLnYmScDOeDjjvzijabhUEEGiRoed8jr8ksr+NTV1TzGnQNhnp80AupGlkLzyNI7dWdsk1lbZ2I/Wm6e7ijiEcd22wQRxsN5O4iNwcjuMlev/is9xelnkQ6m+GLlj8wxCZEX8h74IYY7ruXqaNElsBuELywclyVWwDyVqjyN0IHPXNNUN5Amnxxtd4UWz4g3cIwCZwP9piGx9MjrzZqeoQz290qXe93FwExKV8pnBAyeoK8he4z613mm9rKQiFr3Sc2C2AQfpXm2mWe+R9BeBrou/wAukZjaQkkiTIAz6DP0pdxxzU2O1XuFxw02sVY1zcLHgS/Qlcmm60t7qy0a3jvT/GaFs7jyvm4Un1w/7UP+DNKa9vRfzIRbQcxEjiR/Uew/OPSnHVLbx7ZUQEzlx4Sg4LNg5Ge3l3c9uvah6scyJzbprXcU/eRwjNjn74/K36dchbHT4LfYqLaxSSO3RI9oA+5wcegBPoCR3gsFKurEZCuhUke2RzWD4bgeyhs4b9Yx4MmwMCCNoz4efpkD6gGieqW1rFeS3SzyvdTeHmIyllRVDDIT+nIY59Tikem4umBdZ1kralayW9j81GrPJAd7P4bbcgshyejEhW4HI3L6g1XZ5vredZikiiQxiSPIDgAcjnsSR16iisl748VzbW0kclszJMzKc5bptB6cbFJ+tZtFVfk2gTG22kMK7egUAED7Agfai6KTx6L4tslHGY7QiW2b2v1tlBtTtGhKCKXmVsuXQZwCORtwcgkVstrEW0IQMXb+pz1JqetpiWAY/oc/ulE2houFsbZnlo2t6JXVTzPpYg9xINz3Ql4fao2mn/O30NtnaJGwWHYdT+wom8FXaPFs1WA/839k0U+SzSQg4AHSNB80Hu9L068gs20xZo2nu/AYzsCQMDB4+uazalY6TFpc09nbTv8AL3ywTPNJ5mQAklMcDOMcg1v0i326tYvt6TJzj3qieLOg6oD/AL3Gf7VVm4IF/LuUwjc1zS7SOvYIVdaDDJ8XDSLV3SB3jAZjllUxq7fk1K7sdDk0yyubKC7S3kvzbzyM4aYeXK7RkLgg5ORRuFP9YMTHuq/9uKC267fg62OM7dXVv+jXgXHTnoO91dZoLsdT2ssnxFoFpZx3Tadczy/J3AguI51UMCQSrAjgqcEdjS2ImAr6J8axQxJdGwIeK4vT85IW8yyqp2x4wMLgk55z9uUvwaugJcy5UJ2hj7BfS4kAHAqMixTyiASvHPH51dByhxg4JGOjdPRqzalqkVgqoW2yv/KShZRwT27+XA9yPUZnobS3B+YuI/DlMYJTujOSWU/QBB9qDkmaX8sfdAxUsjIjUnAG31uFafGspg88zzwS+V2cACI9jxgBTyO5zj7auDEFgcRqc8oB3HUfsftWa/1iytEYMwlPKlU5H0J6fbr7UsnWHhlJsvEWEjy28ZBCt0xlxnb04GAMdKDmpSfFGE74dxB5bpn/AJTLqTRW8DXUs5iiiy0hYbtww2BzyOW7c8AdOKw6bepDYlkUSySM0sjh8RpnpluegAHGeRSqttqut3iWd7dJJMAJFEkoVcD0UDkj1wTzTjpWkQ6fbqkoWWQMWBJJC5OeM/kAVOOlfHkEXXKysglGh4JaM22uf6WSSO61F9yjd5SokK7I1BxnHdug9Rx1FFbicJkIMn1q8nPfk0tXurrGCsSlm6Kx4X60BxGWamaGxbu3KEa5tSRqADW7AI9C3ixbjjqRUoZDb3McwXdsbOPUd6TtHu3tb8ylyxlDBgzbQ5xwPQc4pvMnhtu2I2P6XGRTCgn50NnbjBQskXLluFCe6it1hSzWQrFOJz4uBkjoOO2PzQ/Vbm0azlt7FJh483iyGUAbcA4UYPv1ozd+H87eQi3gVI4ZCuE5BC5BznrWECKPDC3t5P8ARzTYkTcNwLc0Y0tFjZEaXZbceX4WK41SwXVYdTghvfmkZNySCMRlQoU4wc5x0ofqdxZf5PisNMW48ETm4d5wAd2NoAAPYUS0xof4N3NZ20j3F+kBUodiJgZKrnryOuelTgsbS4Xwbi2DTSX8tu1wrsrKAN27AO3jPTGMCp+Fh2OPfZWeJw3GffdDr7U7S7bWFKyhLyRJYDgeVlJ4Iz3BNLzphiKZjbW81tFqbW0ccfyb741yF8YNsXjP/Gjfal44yf76Ih0gED30VMuq4J99U1XxVJRcwjc6KwkBchQCBz383A7dPtkdO+pS2zx20DByQ7Qxz7yDgcN5eeB0JreoikOXDHvgOQD9QDg1vilCRiOBFUDoAMAfaktUxsDjUSO0tHki6SpMkLaSJmp3z2H+JX03SdSuhLJFHthI3I82RuPYAdfvwPesMk06PtjgaPPIJTBI9abrm/eKKQzNmNRyQvNKGr6t8zOiwIwyMKzAcn0/H49M8pOJGrkHKb4OpOLH6K6ahNMw85w14sB1H1UJgqoN5LXBPkZSQyH1B6g+9Db/AOJtXspWhh1qQRQqFkklVH8xxxlh2459669uvkIN5Ia7l4jU84PqfYf+u9efCN1pen3j3GpTkSAYiLRlgWP8zEgcH+80wncLhgQ8TPCXkXRn4Y+Ir+9065nub26njV9qzx24YcDnkJjuK8HhXAPyc08skagmOZNpZfbgc/8A3fNMz3NtcwvDDPCd6kDYwP4pcnsruOUGOJ/FjOUdRkf4Gk1fBIHA5cPRX09VDlrowPVZ3ZWj48wbgADrTnEXS1iSU5kWMBj745pfsY83vzMdoWlVXaaHJPhlc5YYHJyMD1JHQ5ohDqltdIrwyZV1VkLAjcGAK4z6gg464Iq/hcIj1EnJ6Iauhcx1hlvmmG4laLWNQeNirxwyMCOx21nM9zJcpMju1wdKkKsoy27z4wB34oNLMxLHe5JGCdxyfr61je5kRgUlkVgMBlcggeg54FNhBcKgT5+90ZsormaCBTFK06aqrygqdy7gvmI7dDzWi0nEkVzbZHgX+pSwlwSGG5fKQQfXGfUcUuC4mVndbiYPIMOwlbLD0Jzz96oLOqLh32htwUMQAfUD196sMBcpNnDei3yySf5tSREso+fXcvofDbg/p+1CRHxVjSO7O0kjtubc25icn1Pv71Wz5NEMba6pc69kWimIokjFIwAeWGSa6urI/FL3CONo2JPZP/hmNpkkcRkAKm4UPBIrdCpzSRIgy8bYYAlTnvXV1B/Dbjqkb0wjfiJo0xu65/C9g0mK/hvmJc3McQ8GRpDwfNwevGQO1A1ezSeJ4XuXZQJgrqo4Cs4Geeyele11aCqaLCyT0DydV82TlYi71Kzjnup08OZTmPwgzDt/Nx+KMeKcgCurqNpYY44xpG6BrJ5JpDrN7Epa+JBq0NtdJp+omKC9b+MhADYwBhWxkDAHH45yr2WrXU2pwwSy+E0twImmhUbkDOgYqDxnbGijsFXGOTXV1AVLQ2Q2TOkcXwi6f1kYxRl+WKgtj1qhz58+tdXU8aEkO65G3c4qE3AHvXldUuq4og4X61DGeteV1dXV/9k
                                            [parsed] => stdClass Object
                                                (
                                                    [source] => YouTube
                                                    [date] => 14 Jun 2021
                                                    [channel] => Brad's Art School
                                                )

                                        )

                                    [1] => stdClass Object
                                        (
                                            [title] => Color Theory Basics
                                            [url] => https://www.youtube.com/watch?v=L1CK9bE3H_s
                                            [thumbnail] => data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBwgHBgkIBwgKCgkLDRYPDQwMDRsUFRAWIB0iIiAdHx8kKDQsJCYxJx8fLT0tMTU3Ojo6Iys/RD84QzQ5OjcBCgoKDQwNGg8PGjclHyU3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3N//AABEIAEYAfAMBIgACEQEDEQH/xAAcAAEAAgIDAQAAAAAAAAAAAAAABAYFBwECAwj/xAAyEAACAQMCBQIFAgcBAQAAAAABAgMABBEFEgYTITFBUYEHImFxkRQyI0JSocHR8bEV/8QAGgEAAgMBAQAAAAAAAAAAAAAAAAUCAwYBBP/EACcRAAICAgAFBAIDAAAAAAAAAAABAgMEEQUSITFRExQiQWGxcYGh/9oADAMBAAIRAxEAPwDZtKUrwFwpSlACsfq+s2OkIjXs21n/AGRqNzN7en1qVcXVtagG5niiB7cxwufzWseM5Wm4iuH3q8ZVOSynIKbR2P33f3qm63kj07jPhmCsu7ln0jrf8l5suK9JvI5njmdGhjaVo5F2sVUZOPB6CteX/GWtXdy0sd21tHn5IougUfU+feolpA11dQ20e7dM4jG3v83T/Neuo8K6xY3Rh/RTTruwksCF1YevTt7151bOcTT4vD8DEtak02+ylr+y58J8XrdaddNrUyRvaKGacjG9T07Dzn075Fe9t8QNBuLrkF7iEE4E0sYCH3BJHuBVB1vh2/0jR7e7vFaMzzFGiBztwMru+p+b7VXqZ49XNXuXcXXcNw7rZzqfR+Oy8/6fRIIIBByD5FKq/CmtWFtw/pttqGpWkV0IQOXJMoYDPyg9eny4q0VXKLi+pmbK3XJxYpSlcIClKUAKUpQArmuK6TzRwRNLK21FHU1xtJbYJNvSNY391LeXktxOSXZj0P8AKPA9q99E0621TUVtbtGKMjfMjYKkDOf+1N1W0t7q9ee03QrI2WVuvU9yMf8AlTW0+HRtN5sU/OuLsbBIBgKncgD8D/VJ8Wv179RezV5efDGxNraeui8M8LW0s9Nu2GiRtNOqnN1OwO0eSvZQPGTRrjUZZ9hnnMhbbgSHGfTviulsJURy1tLJDKu07QR5BBBwfIr3j1PlRpHHEdqYABkyMBi3bH7uvf08VqIVQrWoowt+VbkT57ZNs8WvJ5rdra8H6u2kHzQzgsGH0PcfcGsXrOgaFbcNX2p2EM7XEaqoiklyIizBc9O+MkjPpWal1WR4nRVZC6kE8wnGdudvoPk7fWoto0XN5Vwoe2nBimQnoyN0P+/apOKXVF2JnWY8klJ8v2atrbfwqvri60KeCdmdLabZET4UjO32/wA1QeNtGseG78WtvftcysN/IMeDEp7bmzgn2/HTNy+GvE+jSwx6Lb2sllcnLgSSB+e3k7gB82B2x2FejKTso5oraH+ZfXZVqPU2BSlKTCkUpSgBSlKAFYziFHewBTOFcFsemDWToQCMEZB8VVdX6tbh5LKrPTsU/BR6kalFImmWJcEAmQgHwDjFWQabZCTeLdM++Px2rrq1n+usmiXHMU7kz6jxWf4TmUVZvI3+E/o9vEr/AHFHLFfkq1nei3WENuOyUvjuCMYxivdL+15RElojOdpbMQ+fCqD1BG3qCegPeljcQ29rLDcNscuwZCDkjbjtggkHwSK7Sf8AytpCbM8thv8A4nfwcep9M4Hqa3BmV27nU31uXQJCjEum95IUXcoLZGBnHQqMj+moV0Y5LphbD+GCEj6YJA6An6nufqanNJpzXAbERQyOW5hlDdS2DkZGMbfrmsde3UWkWV7rTR822szmJSCBI5bCD1AyQT6ChJt6Xc6k5PRRviVZ3FrxjftcK2JyskTnsy7QOn2xj2qHwTaXN5xXpaWgbdHcJK7D+VFYFifYY9wPNY7W+LNa1yTdqV5zED70i5ahE+wx/wB85rcnwsvdP1Hh43Flp1vZXKScq5EK43sACDk9cYPYnoc0zyfVxcVcy39dBtDJTXLouVKUrMkRSlKAFKUoAUpSgDgjrWN1LVVsmEcah5fIPZRWTqr69A8V+8jA7JMFT7dqzOVwqGNL3Fbfft4C26ShpHJe21ecJcxiC4bos0fYnwCKi3ulJZyrHPqdjEW/aJpdhPsajkzRwzTwJue3iab6DaCev4qgTzS3Ezz3DtJLIdzuxyWNNcHiF/p/PqKMq+Netx22bC1iCz0DTRf6lMZwxCxQwHHNY9R8x8Y65xVO17jGTWtDudIl063gt5FHK5LENGwIYE579R16DuagzR397pTRxB5bWxJmZB15YbAJ+3Tr+fWsMis7Kkas7MQFVRksT2AHmtNguNsFa+/6KvcyenWtJkWPhPX5XhWHSLuVZlDRyRxlkYHsd46f3reHw64al4Z4f/TXbA3c8hmmCnIQ4ACg+cAfkmsnwpYzabw5YWdyMTRxfOv9JJJx7Zx7Vlajm8SsyI+m0tfsbVw0k2KUpSwuFKUoAUpSgBSlKAFcOiupV1VlPhhkUpXO5w6rDEiGNIkVG7qFABqjX/w6Z7ln069RIGORHMpJQegI70pUXXFrTRTdRXavmiycNcP2+gWrxxuZZpSDLKRjdjsAPA7/AJqdBpthbztcW9jaxTt3ljhVWPuBmuaVOPxWkWRrjBKMV0RJpSlBMUpSgBSlKAP/2Q
                                            [parsed] => stdClass Object
                                                (
                                                    [source] => YouTube
                                                    [date] => 27 Jun 2015
                                                    [channel] => Simple Art Tips
                                                )

                                        )

                                    [2] => stdClass Object
                                        (
                                            [title] => Color Theory for Noobs | Beginner Guide
                                            [url] => https://www.youtube.com/watch?v=AvgCkHrcj90
                                            [thumbnail] => data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBwgHBgkIBwgKCgkLDRYPDQwMDRsUFRAWIB0iIiAdHx8kKDQsJCYxJx8fLT0tMTU3Ojo6Iys/RD84QzQ5OjcBCgoKDQwNGg8PGjclHyU3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3N//AABEIAEYAfAMBIgACEQEDEQH/xAAbAAABBQEBAAAAAAAAAAAAAAAGAAMEBQcCAf/EADoQAAEDAgUCBAMHAgUFAAAAAAECAwQFEQAGEiExQVETImFxBxSBFSMyQpGh0VLhM1OxwfAkYoKiwv/EABoBAQADAQEBAAAAAAAAAAAAAAABAwQFAgb/xAAqEQACAQMCBAQHAAAAAAAAAAAAAQIDERIEQRMUITEicaHBBSMzQmFisf/aAAwDAQACEQMRAD8AYz7Ss5y85z5FFbqq4CwhLSozygiwaSFAAGw8wVcd/fFfBouekONlyNWtgU7uL2Tvcc++NyVGjuOKUthpSjyVIBJxQ5tqsDL0JlSac3LqEtzwIUNCEhT7nvbYDqen1xXOkpbm7T66VFWUU/MCYFMzShLYcj1QaSQLqXsP198XtPg11Ja8RmcAle1yrYYsaQa+3PYYzDRqO4xJBtIpyT/0ygm+lwL5BtbUOthbfF/O+zafDfmTGI7UdhsuOuFkeVIG52F8eFQS3NEvi05fYiHBaltNkvpdSlCtRKydh9emLu++I3ycQgH5WP7hpP8AGH798WxjY59Wq6ru1Y664Wi/XA9mnMM+hBgw8uzqslwHWYhH3drWuLE7+2Bem/Fd2e2HmcnV51gqKS5Ga8UXHI4Av6Xx6KjSLdxivrcV6TD1QtImx1h+KVGw8RP5Sd7BQJQT2UcNUWvM1ebU4iGXGXKe62hfibFWtsLBt05It6YtuuBAIzFNyGUVGIFfLSCdiLFpYJCkKHRQIII6EEdMVjzm2DZUJCXnVISjRIN32lDyrNgNQ7GwHvYcc4o6hlpSlFUB0Ef5bnI9j/OLNPGmp+IwVtM73gCbxucR1c4uXKBVgsgw1H1C02/1w/GynPeWPmSiOjrchav0G374+hWoowj1kjRpk4FJEjuSnw01YG11KUbJQkcqJ6Ad8FcCnVCdEacgVWRS4aRojtpaSVPI/wA1QI2KiSQP6dN7G4EtvLbSHURgUinpst5JN3JawdkrNrBsc6R+I87AhRBji6quqsvD2NtWs5pIbTybYCKOkVf4qV2VL832HHYjw0K4R4qSpax67EX7HBs2q4OAjMkCuUPMxzPlmnpqSJbIYqUALCFr0/gcSe4G3B9je4ylIbnSm5KgANyTwMB+aq/R67krMbFIqcWW6zAdU4hl0KIAHNuo9ceI+3M7USqU6tUZVAiyWPDZWZPiPFVwblIA8u24Nr8euKyLkity5muuO0lDUemP09k05pSFSEuIKAXNrAAb2HXEEhDUc2xqW3BjIhzKjMehiUY0BCXHENAC6yCRtc2Hc4Yn50S4qmsZbp7lYl1GOZTSA4GUJZBsVKWobG+1rXv22vDZyvX6aKdUKNPgpqaaYzAnNykqWy5oFg4kgatQN9uD6Yscv5Mi0V+kPtSnVuU+nrhq8tg9qVrKjvt5tRt6jtuILTLtUk1WMtc6lSqZIad8JxiRYgmwN0KGyk78jqDgU+CiiMsVBsnZqrSEj0FkH/fBBHzhQ3av9mMvvKf8cxw4IzhaLo5R4mnTce+OcsScqw3JlOy/PhKWXnJUhpqQFkKJGpXPA2G2wwJBCM5mF/4j5sp2XFR4zbrkZyTUH2/EDADIACUcFRJ69Acd1bNteiZUzXBkKQuv0UtoMmO3pC2XSNLoT+UhJJNthscGlBzJR63MlM0txS3W0hxSyypAeRcpC0KI86bpIuO2JyKVBaqMuoIjo+amIQ3IWbnxEpBCQQTbgnpv1wIMayrW3aJCq2YaYt4wU04BqDLnpfemSNQ1PFAN0hIuVegPrawer2ZcvQaRVZGamKx9q621sNsoKGiUEpWi1idJ5FgOmNHgZUy7T5apcGiwWJCklOtDIFgRYgDpcEjbpiLTch5WplScqEOjR25K0qTe6lJSFCxsknSLi42HBwADImZoi/DuTnNzMMp+XJY1/KBpKmmQp0JCki2xSm57X7gbzc7Ztjycw5To9Dq6nJC57DshxhzyFs2ACynYlQN9P8jGipp8JunfZqIrIg+GWvlwgaNBFim3bGdZ3yxSctwKE/Q6c1GS1XozrxRcqIuobqJJtciwvYXwAcViVUIjFVfYejBLERLrCVslVlDWVajqF7gC3FvXHmVKlIq1Gbky9Pj61pUUDSDYm23tbHGZ1hulVhR4EGx/98RPhs54mWtSePmHOem+NOC5Zzt1yt6F+MeBfe/pYIWjzjvgXwPGu1KO4oScr1Pwwd3GHWHdu4SFhR/S+LClVunVcupgSNTzNvGYWhTbrXbU2oBSfqN8Zygn8/xhIWladSFBSe4Nxhiotqcp8pDZKVrZWkEcglJtjEfhjV5eUItKlzntWXq2tbS1q4iSErKQT2BAF/S/9O8Em72scdA2IwEZnqcyJ8QsoxWpLjcSSJSXmkqshzyC2odbG1u2KKmQ5nxKqVQqkupz4eXo7xjwGIjpbLxTy4rbcf7m1/LuAQZXyWabTJrMqXORIlCUyoIlqLaW3Fq0qSi9grSQb9/XDLOUqxIcpcae5SG4VLbcbafgsrS84FNKbsUnZAsq5sTcgcYrGFVPIWZabT5dXk1LL9TUpttUw6nYrgFx5uoP0HO228XLdAX8QIz+Za9Uai0mU8sQY0WR4aY7STYdObg/pfrgQEuVskHLEtiRT6u+u7DbMxqQ0HEuhCbDwz+JsX3tcje1uLWObM4U/LIjtSG5EubKNo8KI3rdc9bdB/wXwLx36zkXMFNp9Qqb1Wy/U3hGZekm78V4/hBV+YH+eLb+5IbFTzpmnMk95K/lZSqdEWuyQ0hF9Vug/Lv6nvgAiypnan5jlSIIjS4FTjDU7Cmt6HAnbzAdRuOx34wRPPNsNqdecQ22ndS1qAA9ycZyzLYzH8YI0qkKS5Ho0JaJkls3S4peoJbuObFV/ortiP8AEAwaj8QKPR80SUxqAiIqSA64Wm33rqFlLuLWAHXqf6sAaVHlx5TfiRH2nm721tLCx+ox2sJWLKAO4O4vuNxgKpWUKTFr0Cs5MkR48Qa0z0RpRcbkJKfKALkXB35FuxwacKF8AU2aiVUOsWtvECfqdX9sRfhkCjLAFrEyHL/riVmVCnKRVG0FIUptABVxzhn4fpKMto1G5Mh4He/4XFJ/+ceuYljwNu/sacVy2W+XsQlyHWlXbdWm3ZRxzIdi1NTX2kFMymTePUY9kvMH0NuO44PUHDL6xqOIi1jHFo1Jw7M6nAhUVmgoolTk/Mml1otfPoGtt1tOluY1t94gdCLgKTfY26EHAbkGgxKvkCq5cnpPgtVCRHCvzNqSQQoeoJvi5hlVTgOQA4ESmPv4Lx5acHB6bb2I6pKgdji8oTEJEESIMf5YTVGW6i5/xF2Kr363/wBMdaEso3OPWpOlNxZj7E2pjOWVMt15Dnz1IlOxzI6PMLCQhQPsD9Ldb4L/AIW1NqisP5MqxRHqdPfX4QWdIktqOoKTfnk7dretjlyDDfmszH4jC5bAIaeW2CtsHnSoi4xXZkypRczIbFZgoeU1/huBRQtI7agQbeh2x6KgXzg7HzPnzL+XobqXUwS5LnKbN/BFgEgnvfp/3DDeQcwMZaYOT8zOIgT4C1CO68oJbktKUSlSVHbrx7dbgF2XctUjLTC2aPCRH8Q3cVcqWvtdR3+nGHMwU2m1KA4arS0VFDCStDXhBaybcIvbc+4wAI1eexnTO1GpFJcD8GjvifPkt7oC0/gQFcE359z2OAuhZVyvVK5W4+aKu9DqDNUdCY3jpZS63e4V507334N7frjXKfCbo6okOiUVmPBe1LkOIUlssnT5SU2utR49Lc47reWaLX03rFNjylhNkuKFl27a02Vb64AzHMlPy9lipUl3IE0iuqlIb+TjSi8l9B5Dm5sOP1O3UaRXFZerNeZyzWITcuSqMqY2HW/KlAVp2Ve4JseOiTfph2gZWoFBX4lIpUeM7Yp8UAqct1GpRJ/fDOasn0zM6o70tcmNMjX8CXEc0OIB5F+CP72tfAAdm+hQsgzqTmDK4XDW7NRGkQkuqKJKFXuNJJ32/cHkY1JwWJt0wG0j4c0in1RmpzJdRq0tggsrqD/iBojggWG/vfi+DAq/UfvgCtrCFvU+eltJUoqQAB/4nDOSkqboCErA1fMybgnj79zEj5lhxye02+2txlaPFSlYJbulJGodLjvhjKqUppr6E7pE6UQQe7y1H9ycZFJ824/qv6XZfKUfyDEp4+IoW4OIi3DhYWKqMItH0UVZEyguqTWI1uqtJ+oIwW0ryx3mzb7uS8B7eIoj9iMe4WN0UkuhyPiX1F5EvVuNsdBVjYDCwsejnHtziLPiMT4j0OY34kaQ2UOIuRcHsRuPphYWABtWTpEhr5CdmSpyqRwYa9CVOJ/pW8AFqT6de+CtpCGmUNtJCEIASlIFgANgBhYWAPSL7jY4WrT0wsLAHqbquOxxyVAHe+FhYkDL9Ohy23m5UVl5uRYOocbCg5bi4OxthyFCiwYqI0JhqOw3fQ0ygISne5sBtzfHuFgD/9k
                                            [parsed] => stdClass Object
                                                (
                                                    [source] => YouTube
                                                    [date] => 24 Nov 2017
                                                    [channel] => Flow Studio
                                                )

                                        )

                                )

                            [organic_position] => 1
                            [serp_type] => video
                            [isOrganicPage] => 
                            [isOrganic] => 1
                        )

                    [2] => stdClass Object
                        (
                            [position] => 3
                            [title] => A Comprehensive Guide To Color Theory For Artists - Draw Paint Academy
                            [url] => https://drawpaintacademy.com/a-comprehensive-guide-to-color-theory-for-artists/
                            [destination] => https://drawpaintacademy.com › a-comprehensive-guid...
                            [isAmp] => 
                            [date] => 2 Jan 2017
                            [organic_position] => 2
                            [serp_type] => page
                            [isOrganicPage] => 1
                            [isOrganic] => 1
                            [serp_title] => A Comprehensive Guide To Color Theory For Artists - Draw ...
                            [serp_description] => The three primary colors are red, blue and yellow. The three secondary colors are green, orange and purple. These are made by mixing two of the ...
                            [hostname] => drawpaintacademy.com
                            [canonical] => https://drawpaintacademy.com/a-comprehensive-guide-to-color-theory-for-artists/
                            [h1] => A Comprehensive Guide To Color Theory For Artists
                            [h2] => Array
                                (
                                    [0] => Take the Quiz
                                )

                            [h3] => Array
                                (
                                    [0] => The History Of Color Theory
                                    [1] => Color Theory Terms
                                    [2] => Color Temperature - Warm Versus Cool Color
                                    [3] => Color Combinations or Schemes
                                    [4] => The Psychology Of Color Theory
                                    [5] => Idealized Views Of Color
                                    [6] => Learning Color Theory As An Artist
                                    [7] => Summary
                                    [8] => Additional Readings
                                    [9] => Thanks for Reading!
                                    [10] => Trackbacks
                                    [11] => Leave a Reply Cancel reply
                                )

                            [h2WithAnchors] => Array
                                (
                                    [0] => stdClass Object
                                        (
                                            [text] => Take the Quiz
                                        )

                                )

                            [published_time] => stdClass Object
                                (
                                    [lastUpdate] => 
                                    [dateFormatted] => 1o January 2017
                                    [dateISO] => 2017-01-02T00:09:49+10:00
                                )

                            [modified_time] => stdClass Object
                                (
                                    [lastUpdate] => 
                                    [dateFormatted] => 25o February 2021
                                    [dateISO] => 2021-02-25T18:15:04+10:00
                                )

                            [type] => article
                            [wordCount] => 2235
                            [imgCount] => 14
                            [lang] => 
                            [faq_on_page] => Array
                                (
                                )

                            [anchors] => stdClass Object
                                (
                                    [size] => 19
                                    [outboundSize] => 1
                                    [list] => Array
                                        (
                                            [0] => stdClass Object
                                                (
                                                    [text] => Color Theory Cheat Sheet
                                                    [href] => https://app.monstercampaigns.com/c/mfjfxfwhr1b0hztwdzm9/
                                                    [hrefDomain] => monstercampaigns.com
                                                    [rel] => noopener
                                                    [isOutbound] => 1
                                                )

                                        )

                                )

                            [toc] => Array
                                (
                                    [0] => stdClass Object
                                        (
                                            [level] => 3
                                            [name] => 
		The History Of Color Theory
	. 
                                            [tag] => h3
                                            [children] => Array
                                                (
                                                    [0] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => 
		Color Theory Terms
	. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [1] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => 
		Color Temperature - Warm Versus Cool Color 
	. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [2] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => 
		Color Combinations or Schemes
	. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [3] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => 
		The Psychology Of Color Theory 
	. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [4] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => 
		Idealized Views Of Color
	. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [5] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => 
		Learning Color Theory As An Artist 
	. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [6] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => 
		Summary
	. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                )

                                        )

                                    [1] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => 
		Take the Quiz
	. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                    [0] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => 
		Additional Readings
	. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [1] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => 
		Thanks for Reading!
	. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [2] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Trackbacks. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [3] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Leave a Reply Cancel reply. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                )

                                        )

                                )

                            [og] => stdClass Object
                                (
                                    [ogImage] => https://drawpaintacademy.com/wp-content/uploads/2017/01/colorwheelsmallwatercolor.jpg
                                    [twitterImage] => https://drawpaintacademy.com/wp-content/uploads/2017/01/colorwheelsmallwatercolor.jpg
                                )

                            [schema_type] => Array
                                (
                                )

                            [comment_questions] => Array
                                (
                                    [0] => It’s going to be a long journey but such an enjoyable one ..thank you again for all your advice you give ?
                                    [1] => May I ask a few questions?
                                    [2] => Will color combination be established regardless of saturation?
                                    [3] => Also, should I understand that if saturation is low it will have less effect?
                                    [4] => Is that a correct understanding?
                                    [5] => Or am I to gray down the yellow using Payne’s grey?
                                )

                            [body] => A Comprehensive Guide To Color Theory For Artists January 2, 2017 by Dan Scott 37 Comments Pin43KShare45943K Shares Color theory is a body of principles which provide guidance on the relationship between colors and the physiological impacts of certain color combinations.  Color theory is one of the most fundamental areas of painting. The importance of understanding color theory far exceeds simply knowing how to mix colors together (for example, knowing that yellow and blue make green). As an artist, you do not need to worry yourself about all the complex underlying principles of color theory. Rather, all you need to understand is the general application of color theory and the relationship between colors. Color theory is a fundamental base of understanding for artists and should not be ignored. Color theory will help you understand the relationship between colors and how we perceive them. In this post, we will discuss all the major elements of color theory. However, this will only just touch on the surface of it. Color theory is an incredibly complex area. Luckily as artists, we only need to know certain elements of color theory which relate to us. Bonus Download: Grab my free Color Theory Cheat Sheet. The History Of Color Theory . General principals of color theory were evident in writings of Leone Battista Alberti (c.1435) and the notebooks of Leonardo da Vinci (c.1490). The first color wheel was developed by Sir Isaac Newton around the start of the 17th century. This color wheel was an arrangement of red, orange, yellow, green, blue, indigo and violet on a rotating disk. Since the origination of the color wheel by Newton, it has become one of the most powerful tools available to artists for explaining the relationship between colors. The three primary colors are red, blue and yellow. The three secondary colors are green, orange and purple. These are made by mixing two of the primary colors. There are six other tertiary colors. Using the primary colors, you could mix pretty much any color in the spectrum. This is why a solid knowledge of color theory is so important when it comes to painting and mixing your colors. This is also why you should always at a very least have the primary colors on your palette. Boutet's 7-color and 12-color color circles from 1708 A Modern Day Color Wheel Color Theory Terms . There are a number of color theory terms you will come across in art that are commonly misunderstood and confused. Hue The term “hue” is often used as a simile for the term color. Hue generally refers to the dominant wavelength of color out of the twelve colors on the color wheel (being the primary, secondary and tertiary colors). For example, the hue of navy is blue. The hue of burgundy is red. The hue of sap green is green.  The colors below are hues. Saturation Saturation is a measure of how pure a color is. You can reduce the saturation of a color by adding gray or a color on the opposite side of the color wheel (which essentially kills the color).  If you completely de-saturate the color wheel, you are left with the following: Tone Tone is a widely misunderstood term and many artists are not entirely sure what it means, despite it being used so commonly. Tone is a broad term used to describe a color which is not a pure hue and is not black or white. In many cases, artists use tone to describe a color which has been grayed down (de-saturated). Value Value is how light or dark the color is, on a scale of black to white. Value is widely considered to be one of the most important variables to the success of a painting. A general rule I like to follow for painting is: To increase (lighten) the value of a color - add white and/or yellow. To decrease (darken) the value of a color - add blue, black and/or raw umber. Value should be simple to understand, however, the inclusion of color can make it a challenging concept to grasp. You can have different colors which have the same value. If you take color out of the picture, then you will be left with just a range of black to white colors, with black being the lowest and white being the highest value. This is why drawing is so highly regarded for improving painting ability, as it makes it easier to grasp the concept of value without having to worry about the inclusion of color. It is widely considered by artists that value is more important than the color used in a painting. This is because value really sets the structure of your painting. A value scale is below, starting with the highest value (white) to the lowest value (black). Between is basically a grayscale. You can make a colored value scale by adding white to increase the value and black to decrease the value. When you take the color away (de-saturate) the scale should look exactly the same as the value scale below. It is that translation between color and value which is extremely difficult to learn in painting. High Key Versus Low Key You will often hear paintings described as being high key or low key. This refers to the overall value scale used in the painting. A high key painting has a high-value scale (light) whilst a low key painting uses a low-value scale (dark). High or low key paintings often have a very limited value range. Below is a low key painting by Vincent van Gogh (painted before he found color):  Cineraria, 1886, 54.5 × 46 cm, Vincent van Gogh Below is a high key painting by Claude Monet. Grainstacks in the Sunlight, Morning Effect, 1890, Claude Monet Tints and Shades Put simply, a tint is a color plus white. A shade is a color plus black. You can get a range of tints/shades by adding varying levels of white/black.  TIP: At the moment, these are just words. They have no benefit without application. So I urge you to think of this scenario to put the terms into perspective. Say you have a tube of red paint. Most beginners would think, great, one color to use in my painting. But by adding different amounts of white, black and gray you have infinite variations of that color at your disposal. Once I understood this, I really started to see the options that were available to me.  Color Temperature - Warm Versus Cool Color . The color wheel is divided into warm and cool colors. When a warm color is placed next to a cool color, there is a very strong contrast. Alternatively, when a cool color is placed next to another cool color (for example, green next to blue) there is a pleasing harmonious effect. These color combinations are discussed in more detail in the section below. Warm colors traditionally indicate activity and light. Cool colors on the other hand indicate calm, distant and soothing environments. White, black and gray are generally considered neutral colors. I get the most use out of these neutral colors not by using them for what they are, but rather to change the value of my colors. For example, if you have cadmium red on your palette, you can add various amounts of gray to make a range of tones. At the start of a painting, you should determine whether you want to achieve a warm, cool or neutral (balanced) feel. When I write neutral, I do not mean just to use white, black and gray, but rather an equal balance of warm and cool colors. Learn more:  Color And Light - What Is Color Temperature Color Combinations or Schemes . There are a number of commonly known color combinations which can be used to evoke certain emotions from the viewer. Before starting a painting, you should briefly consider your color combination to ensure it aligns with your desired statement of the painting. For example, a complementary color scheme could be used for an aggressive and active scene. Whilst an analogous color scheme could be used for a calm and passive environment.  Here are some of the most well-known color combinations: Complementary Complementary colors are opposite each other on the color wheel. When placed next to each other, there is an extremely strong contrasting and vibrant effect. If overused, your painting may become jarring and uncomfortable to look at. You should select a dominant color and use the other color as an accent. Analogous A relaxing color combination using colors positioned next to each other on the color wheel. Analogous color combinations were famously used by impressionist artists such as Claude Monet to create beautiful harmonious paintings. It is often most effective to select one dominant color, a secondary color and a third accent color.  Triadic A triadic color scheme uses three colors which are evenly placed around the color wheel. The resulting effect is a vibrant scheme, even with low saturation. It is important to properly balance the colors to not overwhelm the viewer. Generally, a dominant color is selected and the other two colors are used as accents. Split-Complementary This is a variation of the complementary color scheme. In addition to the dominant base color, there are two complementary adjacent colors. This color scheme is easier to balance than the complementary color scheme and is a great starting point for beginner artists. Learn more:  Color Schemes in Art The Psychology Of Color Theory . Color has a powerful influence over human behaviour, to the extent it can manipulate your perception of what is actually there. Here are some colors and their emotional influences: Red: Passion, love, anger and danger Orange: Vitality, creativity and activity Yellow: Energy, light and hope Green: Health, nature and wealth Blue: Trust, security and spirituality Purple: Creativity, royalty and wealth We can use these psychological triggers to influence how we want the viewer to perceive the painting. If you want the viewer to have a passionate and aggressive response, then you should be utilizing reds and other warm colors. If you want a calming scene, then greens and blues should be utilized. Idealized Views Of Color . We all have preconceived ideas of what color an object should be. This idealized view can influence our perception of what is actually there. If you are painting trees for example, there is a preconceived idea that trees must be green. But that is of course not the case. If you are not careful and do not observe the tree for what it actually is, then you may be drawn towards adding more green than is necessary based on your idealized view of what the tree is supposed to look like. It is therefore important to paint what you see, not what you think. Learning Color Theory As An Artist . Color theory can be incredibly complex, however for artists you only need to understand the general fundamentals of color theory. The best way to learn color theory is to purchase a color wheel or better yet, make your own using your own paints. Another technique for learning color theory is to mix your own value charts of the twelve colors on the wheel (three primaries, three secondary and six tertiary). You will end up with a range of different values of the same color. For the value chart, start with your base color, then work your way up in value by adding white (tints) and down by adding black (shades). You should end up with a range of charts which you can use for later paintings as a reference. You should also learn how to paint with a limited palette. The fewer paints you have on your palette, the more you will be forced to mix your own colors. This will train your mind as to how the colors relate to each other. Summary . I hope you found this post useful. Color theory is a fascinating area and a fundamental knowledge for all artists. This post just touches on the surface of color theory as it is an incredibly complex area. However, I encourage you to learn as much as you can about color theory as it will only improve your painting ability. If you have any questions or comments, feel free to add them in the section below. Take the Quiz . I put together a simple quiz to test your color knowledge. Click here to take the color theory quiz. Additional Readings . How To Mix Vivid Greens And Why You Must Understand Color Bias Inspirational Color Quotes By The Masters The Beauty Of Muted Colors - How You Can Use Muted Colors More Effectively How The Impressionists Used Complementary Colors To Great Effect Using An Analogous Color Scheme To Create Harmonious Paintings You might also be interested in my Painting Academy course. It will help you understand and use color more effectively. Thanks for Reading! . Feel free to share with friends. If you want more painting tips, check out my fundamentals course. Happy painting! Dan Scott Draw Paint Academy Read more of my articles.  Trackbacks. […] A Comprehensive Guide To Color Theory For Artists 10 Landscape Painting Tips Perfect For Beginners 7 Tips For The Self Taught Artist How Claude Monet Used Haystacks To Demonstrate Light and Color […] Reply Leave a Reply Cancel reply. 43K SharesPin43KShare459
                            [kwBody] => Array
                                (
                                    [0] => stdClass Object
                                        (
                                            [term] => color
                                            [tf] => 151
                                        )

                                    [1] => stdClass Object
                                        (
                                            [term] => painting
                                            [tf] => 30
                                        )

                                    [2] => stdClass Object
                                        (
                                            [term] => color theory
                                            [tf] => 28
                                        )

                                    [3] => stdClass Object
                                        (
                                            [term] => theory
                                            [tf] => 28
                                        )

                                    [4] => stdClass Object
                                        (
                                            [term] => artist
                                            [tf] => 15
                                        )

                                    [5] => stdClass Object
                                        (
                                            [term] => color wheel
                                            [tf] => 13
                                        )

                                    [6] => stdClass Object
                                        (
                                            [term] => wheel
                                            [tf] => 13
                                        )

                                    [7] => stdClass Object
                                        (
                                            [term] => black
                                            [tf] => 12
                                        )

                                    [8] => stdClass Object
                                        (
                                            [term] => white
                                            [tf] => 12
                                        )

                                    [9] => stdClass Object
                                        (
                                            [term] => green
                                            [tf] => 11
                                        )

                                    [10] => stdClass Object
                                        (
                                            [term] => scale
                                            [tf] => 10
                                        )

                                    [11] => stdClass Object
                                        (
                                            [term] => scheme
                                            [tf] => 10
                                        )

                                    [12] => stdClass Object
                                        (
                                            [term] => color combination
                                            [tf] => 9
                                        )

                                    [13] => stdClass Object
                                        (
                                            [term] => color scheme
                                            [tf] => 9
                                        )

                                    [14] => stdClass Object
                                        (
                                            [term] => key
                                            [tf] => 9
                                        )

                                    [15] => stdClass Object
                                        (
                                            [term] => learn
                                            [tf] => 8
                                        )

                                    [16] => stdClass Object
                                        (
                                            [term] => low
                                            [tf] => 8
                                        )

                                    [17] => stdClass Object
                                        (
                                            [term] => combination
                                            [tf] => 8
                                        )

                                    [18] => stdClass Object
                                        (
                                            [term] => blue
                                            [tf] => 8
                                        )

                                    [19] => stdClass Object
                                        (
                                            [term] => hue
                                            [tf] => 8
                                        )

                                    [20] => stdClass Object
                                        (
                                            [term] => cool
                                            [tf] => 8
                                        )

                                    [21] => stdClass Object
                                        (
                                            [term] => complementary
                                            [tf] => 8
                                        )

                                    [22] => stdClass Object
                                        (
                                            [term] => color color
                                            [tf] => 7
                                        )

                                    [23] => stdClass Object
                                        (
                                            [term] => cool color
                                            [tf] => 7
                                        )

                                    [24] => stdClass Object
                                        (
                                            [term] => high
                                            [tf] => 7
                                        )

                                    [25] => stdClass Object
                                        (
                                            [term] => red
                                            [tf] => 7
                                        )

                                    [26] => stdClass Object
                                        (
                                            [term] => term
                                            [tf] => 7
                                        )

                                    [27] => stdClass Object
                                        (
                                            [term] => adding
                                            [tf] => 7
                                        )

                                    [28] => stdClass Object
                                        (
                                            [term] => warm
                                            [tf] => 7
                                        )

                                    [29] => stdClass Object
                                        (
                                            [term] => example
                                            [tf] => 6
                                        )

                                    [30] => stdClass Object
                                        (
                                            [term] => understand
                                            [tf] => 6
                                        )

                                    [31] => stdClass Object
                                        (
                                            [term] => primary
                                            [tf] => 6
                                        )

                                    [32] => stdClass Object
                                        (
                                            [term] => light
                                            [tf] => 6
                                        )

                                    [33] => stdClass Object
                                        (
                                            [term] => range
                                            [tf] => 6
                                        )

                                    [34] => stdClass Object
                                        (
                                            [term] => paint
                                            [tf] => 6
                                        )

                                    [35] => stdClass Object
                                        (
                                            [term] => painting high
                                            [tf] => 5
                                        )

                                    [36] => stdClass Object
                                        (
                                            [term] => low key
                                            [tf] => 5
                                        )

                                    [37] => stdClass Object
                                        (
                                            [term] => key painting
                                            [tf] => 5
                                        )

                                    [38] => stdClass Object
                                        (
                                            [term] => complementary color
                                            [tf] => 5
                                        )

                                    [39] => stdClass Object
                                        (
                                            [term] => effect
                                            [tf] => 5
                                        )

                                    [40] => stdClass Object
                                        (
                                            [term] => relationship color
                                            [tf] => 4
                                        )

                                    [41] => stdClass Object
                                        (
                                            [term] => color example
                                            [tf] => 4
                                        )

                                    [42] => stdClass Object
                                        (
                                            [term] => primary color
                                            [tf] => 4
                                        )

                                    [43] => stdClass Object
                                        (
                                            [term] => high key
                                            [tf] => 4
                                        )

                                    [44] => stdClass Object
                                        (
                                            [term] => claude monet
                                            [tf] => 4
                                        )

                                    [45] => stdClass Object
                                        (
                                            [term] => color theory artist
                                            [tf] => 3
                                        )

                                    [46] => stdClass Object
                                        (
                                            [term] => color theory incredibly
                                            [tf] => 3
                                        )

                                    [47] => stdClass Object
                                        (
                                            [term] => theory incredibly complex
                                            [tf] => 3
                                        )

                                    [48] => stdClass Object
                                        (
                                            [term] => color primary color
                                            [tf] => 3
                                        )

                                    [49] => stdClass Object
                                        (
                                            [term] => painting high key
                                            [tf] => 3
                                        )

                                    [50] => stdClass Object
                                        (
                                            [term] => low key painting
                                            [tf] => 3
                                        )

                                    [51] => stdClass Object
                                        (
                                            [term] => white black gray
                                            [tf] => 3
                                        )

                                    [52] => stdClass Object
                                        (
                                            [term] => complementary color scheme
                                            [tf] => 3
                                        )

                                    [53] => stdClass Object
                                        (
                                            [term] => theory artist
                                            [tf] => 3
                                        )

                                    [54] => stdClass Object
                                        (
                                            [term] => theory incredibly
                                            [tf] => 3
                                        )

                                    [55] => stdClass Object
                                        (
                                            [term] => incredibly complex
                                            [tf] => 3
                                        )

                                    [56] => stdClass Object
                                        (
                                            [term] => green blue
                                            [tf] => 3
                                        )

                                    [57] => stdClass Object
                                        (
                                            [term] => color primary
                                            [tf] => 3
                                        )

                                    [58] => stdClass Object
                                        (
                                            [term] => black white
                                            [tf] => 3
                                        )

                                    [59] => stdClass Object
                                        (
                                            [term] => white black
                                            [tf] => 3
                                        )

                                    [60] => stdClass Object
                                        (
                                            [term] => black gray
                                            [tf] => 3
                                        )

                                    [61] => stdClass Object
                                        (
                                            [term] => warm cool
                                            [tf] => 3
                                        )

                                    [62] => stdClass Object
                                        (
                                            [term] => warm color
                                            [tf] => 3
                                        )

                                    [63] => stdClass Object
                                        (
                                            [term] => analogou color
                                            [tf] => 3
                                        )

                                    [64] => stdClass Object
                                        (
                                            [term] => dominant color
                                            [tf] => 3
                                        )

                                    [65] => stdClass Object
                                        (
                                            [term] => color accent
                                            [tf] => 3
                                        )

                                    [66] => stdClass Object
                                        (
                                            [term] => idealized view
                                            [tf] => 3
                                        )

                                )

                            [page_rank_decimal] => 46
                            [rank] => 328679
                        )

                    [3] => stdClass Object
                        (
                            [position] => 4
                            [title] => Color Theory 101: A Complete Guide to Color Wheels & Color Schemes
                            [url] => https://blog.hubspot.com/marketing/color-theory-design
                            [destination] => https://blog.hubspot.com › marketing › color-theory-de...
                            [description] => Trying to find out how to pick better color schemes for your next web design project? Dive into the basics of color wheels, color combinations, and more
                            [isAmp] => 
                            [date] => 21 Jun 2021
                            [organic_position] => 3
                            [serp_type] => page
                            [isOrganicPage] => 1
                            [isOrganic] => 1
                            [serp_title] => Color Theory 101: A Complete Guide to Color ... - HubSpot Blog
                            [serp_description] => Trying to find out how to pick better color schemes for your next web design project? Dive into the basics of color wheels, ...
                            [hostname] => blog.hubspot.com
                            [canonical] => https://blog.hubspot.com/marketing/color-theory-design
                            [h1] => Color Theory 101: A Complete Guide to Color Wheels & Color Schemes
                            [h2] => Array
                                (
                                    [0] => What is color theory?
                                    [1] => Why is color theory important in web design?
                                    [2] => Color Theory 101
                                    [3] => Additive & Subtractive Color Theory
                                    [4] => The Meaning of Color
                                    [5] => What are the seven color schemes?
                                    [6] => How to Choose a Color Scheme
                                    [7] => Color Tools
                                    [8] => Finding the Right Color Scheme
                                )

                            [h3] => Array
                                (
                                    [0] => Primary Colors
                                    [1] => Secondary Colors
                                    [2] => Tertiary Colors
                                    [3] => The Color Theory Wheel
                                    [4] => CMYK
                                    [5] => RGB
                                    [6] => 1. Monochromatic
                                    [7] => 2. Analogous
                                    [8] => 3. Complementary
                                    [9] => 4. Split Complementary
                                    [10] => 5. Triadic
                                    [11] => 6. Square
                                    [12] => 7. Rectangle
                                    [13] => 1. Prioritize the user experience, first
                                    [14] => 2. Leverage natural inspiration
                                    [15] => 3. Set a mood for your color scheme
                                    [16] => 4. Consider color context
                                    [17] => 5. Refer to your color wheel
                                    [18] => 6. Use the 60-30-10 rule
                                    [19] => 7. Draft multiple designs
                                    [20] => Adobe Color
                                    [21] => Illustrator Color Guide
                                    [22] => Preset Color Guides
                                    [23] => Don't forget to share this post!
                                    [24] => Related Articles
                                    [25] => Want to Learn Graphic Design? 9 Tips & Tricks for Beginners
                                    [26] => Everything You Need to Know About the Principles and Types of Design
                                    [27] => Download for Later
                                )

                            [h2WithAnchors] => Array
                                (
                                    [0] => stdClass Object
                                        (
                                            [text] => What is color theory?
                                        )

                                    [1] => stdClass Object
                                        (
                                            [text] => Why is color theory important in web design?
                                        )

                                    [2] => stdClass Object
                                        (
                                            [text] => Color Theory 101
                                        )

                                    [3] => stdClass Object
                                        (
                                            [text] => Additive & Subtractive Color Theory
                                        )

                                    [4] => stdClass Object
                                        (
                                            [text] => The Meaning of Color
                                        )

                                    [5] => stdClass Object
                                        (
                                            [text] => What are the seven color schemes?
                                        )

                                    [6] => stdClass Object
                                        (
                                            [text] => How to Choose a Color Scheme
                                        )

                                    [7] => stdClass Object
                                        (
                                            [text] => Color Tools
                                        )

                                    [8] => stdClass Object
                                        (
                                            [text] => Finding the Right Color Scheme
                                        )

                                )

                            [type] => article
                            [wordCount] => 4570
                            [imgCount] => 29
                            [lang] => 
                            [faq_on_page] => Array
                                (
                                )

                            [anchors] => stdClass Object
                                (
                                    [size] => 33
                                    [outboundSize] => 6
                                    [list] => Array
                                        (
                                            [0] => stdClass Object
                                                (
                                                    [text] => @bhopecart
                                                    [href] => https://twitter.com/bhopecart
                                                    [hrefDomain] => twitter.com
                                                    [isOutbound] => 1
                                                )

                                            [1] => stdClass Object
                                                (
                                                    [text] => 
                                                    [href] => https://www.color-meanings.com/split-complementary-colors/
                                                    [hrefDomain] => color-meanings.com
                                                    [rel] => noopener
                                                    [isOutbound] => 1
                                                )

                                            [2] => stdClass Object
                                                (
                                                    [text] => Image Source
                                                    [href] => https://www.tigercolor.com/color-lab/color-theory/color-theory-intro.htm
                                                    [hrefDomain] => tigercolor.com
                                                    [rel] => noopener
                                                    [isOutbound] => 1
                                                )

                                            [3] => stdClass Object
                                                (
                                                    [text] => Image Source
                                                    [href] => https://www.color-hex.com/color-palette/79747
                                                    [hrefDomain] => color-hex.com
                                                    [rel] => noopener
                                                    [isOutbound] => 1
                                                )

                                            [4] => stdClass Object
                                                (
                                                    [text] => Image Source
                                                    [href] => https://www.color-meanings.com/rectangular-tetradic-color-schemes/
                                                    [hrefDomain] => color-meanings.com
                                                    [rel] => noopener
                                                    [isOutbound] => 1
                                                )

                                            [5] => stdClass Object
                                                (
                                                    [text] => Image Source
                                                    [href] => https://www.color-hex.com/color-palette/21774
                                                    [hrefDomain] => color-hex.com
                                                    [rel] => noopener
                                                    [isOutbound] => 1
                                                )

                                        )

                                )

                            [toc] => Array
                                (
                                    [0] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => What is color theory?
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [1] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => Why is color theory important in web design?
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [2] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => Color Theory 101. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                    [0] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Primary Colors. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [1] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Secondary Colors. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [2] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Tertiary Colors. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [3] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => The Color Theory Wheel. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                    [0] => stdClass Object
                                                                        (
                                                                            [level] => 4
                                                                            [name] => Hue. 
                                                                            [tag] => h4
                                                                            [children] => Array
                                                                                (
                                                                                )

                                                                        )

                                                                    [1] => stdClass Object
                                                                        (
                                                                            [level] => 4
                                                                            [name] => Shade. 
                                                                            [tag] => h4
                                                                            [children] => Array
                                                                                (
                                                                                )

                                                                        )

                                                                    [2] => stdClass Object
                                                                        (
                                                                            [level] => 4
                                                                            [name] => Tint. 
                                                                            [tag] => h4
                                                                            [children] => Array
                                                                                (
                                                                                )

                                                                        )

                                                                    [3] => stdClass Object
                                                                        (
                                                                            [level] => 4
                                                                            [name] => Tone (or Saturation). 
                                                                            [tag] => h4
                                                                            [children] => Array
                                                                                (
                                                                                )

                                                                        )

                                                                )

                                                        )

                                                )

                                        )

                                    [3] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => Additive & Subtractive Color Theory. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                    [0] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => CMYK. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [1] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => RGB. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                )

                                        )

                                    [4] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => The Meaning of Color. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [5] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => What are the seven color schemes?
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                    [0] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => 1. Monochromatic. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [1] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => 2. Analogous. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [2] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => 3. Complementary. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [3] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => 4. Split Complementary. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [4] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => 5. Triadic. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [5] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => 6. Square. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [6] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => 7. Rectangle. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                )

                                        )

                                    [6] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => How to Choose a Color Scheme. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                    [0] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => 1. Prioritize the user experience, first.
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [1] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => 2. Leverage natural inspiration.
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [2] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => 3. Set a mood for your color scheme.
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [3] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => 4. Consider color context.
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [4] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => 5. Refer to your color wheel.
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [5] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => 6. Use the 60-30-10 rule.
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [6] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => 7. Draft multiple designs.
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                )

                                        )

                                    [7] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => Color Tools. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                    [0] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Adobe Color. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [1] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Illustrator Color Guide. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [2] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Preset Color Guides. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                )

                                        )

                                    [8] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => Finding the Right Color Scheme. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                    [0] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Don't forget to share this post!
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [1] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Related Articles. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [2] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => 
                
                    Want to Learn Graphic Design? 9 Tips & Tricks for Beginners
                
            . 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [3] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => 
                
                    Everything You Need to Know About the Principles and Types of Design
                
            . 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                )

                                        )

                                    [9] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                    [0] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [1] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Download for Later. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                )

                                        )

                                )

                            [og] => stdClass Object
                                (
                                    [ogImage] => https://blog.hubspot.com/hubfs/color%20schemes.jpg#keepProtocol
                                    [twitterImage] => https://blog.hubspot.com/hubfs/color%20schemes.jpg#keepProtocol
                                )

                            [schema_type] => Array
                                (
                                    [0] => NewsArticle
                                )

                            [comment_questions] => Array
                                (
                                )

                            [body] => Color Theory 101: A Complete Guide to Color Wheels & Color Schemes Written by Bethany Cartwright @bhopecart When you're sifting through your News Feed, what tends to catch your attention? More likely than not, it's YouTube videos, pictures, animated GIFs, and other visual content, right? While text-based content is always important when seeking answers to a question, creating visuals such as infographics, charts, graphs, animated GIFs, and other shareable images can do wonders for catching your readers' attention and enhancing your article or report. I know what you might be thinking: "I don't know how to design awesome visuals. I'm not creative." Hi. I'm Bethany, and I will be the first to tell you that I'm not naturally artistic. And yet, I found a strength in data visualization at HubSpot, where I've spent most of my days creating infographics and other visuals for blog posts. So, while I wouldn't say I'm naturally artistic, I have learned how to create compelling visual content. So can you. And you can do this by learning color theory. Consider this your introductory course, and we'll be covering the following topics: What Is Color Theory? Why Is Color Theory Important in Web Design? Color Theory 101 Additive & Subtractive Color Theory The Meaning of Color The Seven Color Schemes How to Choose a Color Scheme Color Tools What is color theory? Color theory is the basis for the primary rules and guidelines that surround color and its use in creating aesthetically pleasing visuals. By understanding color theory basics, you can begin to parse the logical structure of color for yourself to create and use color palettes more strategically. The result means evoking a particular emotion, vibe, or aesthetic. Why is color theory important in web design? Color is an important aspect, if not the most important aspect of design, and can influence the meaning of text, how users move around a particular layout, and what they feel as they do so. By understanding color theory, you can be more intentional in creating visuals that make an impact. While there are many tools out there to help even the most inartistic of us to create compelling visuals, graphic design tasks require a little more background knowledge on design principles. Take selecting the right color combination, for instance. It's something that might seem easy at first but when you're staring down a color wheel, you're going to wish you had some information on what you're looking at. Understanding how colors work together, the impact they can have on mood and emotion, and how they change the look and feel of your website is critical to help you stand out from the crowd — for the right reasons. From effective CTAs to sales conversions and marketing efforts, the right color choice can highlight specific sections of your website, make it easier for users to navigate, or give them a sense of familiarity from the first moment they click through. But it’s not enough to simply select colors and hope for the best — from color theory to moods and schemes, finding the right HTML color codes, and identifying web-accessible colors for products and websites, the more you know about using color, the better your chances are for success. Read on for our designer’s guide to color theory, color wheels, and color schemes for your site. Color Theory 101. Let's first go back to high school art class to discuss the basics of color. Remember hearing about primary, secondary, and tertiary colors? They're pretty important if you want to understand, well, everything else about color. Primary Colors. Primary colors are those you can't create by combining two or more other colors together. They're a lot like prime numbers, which can't be created by multiplying two other numbers together. There are three primary colors: Red Yellow Blue Think of primary colors as your parent colors, anchoring your design in a general color scheme. Any one or combination of these colors can give your brand guardrails when you move to explore other shades, tones, and tints (we'll talk about those in just a minute). When designing or even painting with primary colors, don't feel restricted to just the three primary colors listed above. Orange isn't a primary color, for example, but brands can certainly use orange as their dominant color (as we at HubSpot know this quite well). Knowing which primary colors create orange is your ticket to identifying colors that might go well with orange — given the right shade, tone, or tint. This brings us to our next type of color ... Secondary Colors. Secondary colors are the colors that are formed by combining any two of the three primary colors listed above. Check out the color theory model above — see how each secondary color is supported by two of the three primary colors? There are three secondary colors: orange, purple, and green. You can create each one using two of the three primary colors. Here are the general rules of secondary color creation: Red + Yellow = Orange Blue + Red = Purple Yellow + Blue = Green Keep in mind that the color mixtures above only work if you use the purest form of each primary color. This pure form is known as a color's hue, and you'll see how these hues compare to the variants underneath each color in the color wheel below. Tertiary Colors. Tertiary colors are created when you mix a primary color with a secondary color. From here, color gets a little more complicated, and if you want to learn how the experts choose color in their design, you've got to first understand all the other components of color. The most important component of tertiary colors is that not every primary color can match with a secondary color to create a tertiary color. For example, red can't mix in harmony with green, and blue can't mix in harmony with orange -- both mixtures would result in a slightly brown color (unless of course, that's what you're looking for). Instead, tertiary colors are created when a primary color mixes with a secondary color that comes next to it on the color wheel below. There are six tertiary colors that fit this requirement: Red + Purple = Red-Purple (magenta) Red + Orange = Red-Orange (vermillion) Blue + Purple = Blue-Purple (violet) Blue + Green = Blue-Green (teal) Yellow + Orange = Yellow-Orange (amber) Yellow + Green = Yellow-Green (chartreuse) The Color Theory Wheel. Okay, great. So now you know what the "main" colors are, but you and I both know that choosing color combinations, especially on a computer, involves a much wider range than 12 basic colors. This is the impetus behind the color wheel, a circle graph that charts each primary, secondary, and tertiary color — as well as their respective hues, tints, tones, and shades. Visualizing colors in this way helps you choose color schemes by showing you how each color relates to the color that comes next to it on a rainbow color scale. (As you probably know, the colors of a rainbow, in order, are red, orange, yellow, green, blue, indigo, and violet.) When choosing colors for a color scheme, the color wheel gives you opportunities to create brighter, lighter, softer, and darker colors by mixing white, black, and gray with the original colors. These mixes create the color variants described below: Hue. Hue is pretty much synonymous with what we actually mean when we said the word "color." All of the primary and secondary colors, for instance, are "hues." Hues are important to remember when combining two primary colors to create a secondary color. If you don't use the hues of the two primary colors you're mixing together, you won't generate the hue of the secondary color. This is because a hue has the fewest other colors inside it. By mixing two primary colors that carry other tints, tones, and shades inside them, you're technically adding more than two colors to the mixture — making your final color dependent on the compatibility of more than two colors. If you were to mix the hues of red and blue together, for instance, you'd get purple, right? But mix a tint of red with the hue of blue, and you'll get a slightly tinted purple in return. Shade. You may recognize the term "shade" because it's used quite often to refer to light and dark versions of the same hue. But actually, a shade is technically the color that you get when you add black to any given hue. The various "shades" just refer to how much black you're adding. Tint. A tint is the opposite of a shade, but people don't often distinguish between a color's shade and a color's tint. You get a different tint when you add white to a color. So, a color can have a range of both shades and tints. Tone (or Saturation). You can also add both white and black to a color to create a tone. Tone and saturation essentially mean the same thing, but most people will use saturation if they're talking about colors being created for digital images. Tone will be used more often for painting. With the basics covered, let's dive into something a little more complicated — like additive and subtractive color theory. Additive & Subtractive Color Theory. If you've ever played around with color on any computer program, you've probably seen a module that listed RGB or CMYK colors with some numbers next to the letters. Ever wondered what those letters mean? CMYK. CMYK stands for Cyan, Magenta, Yellow, Key (Black). Those also happen to be the colors listed on your ink cartridges for your printer. That's no coincidence. CMYK is the subtractive color model. It's called that because you have to subtract colors to get to white. That means the opposite is true — the more colors you add, the closer you get to black. Confusing, right? Think about printing on a piece of paper. When you first put a sheet in the printer, you're typically printing on a white piece of paper. By adding color, you're blocking the white wavelengths from getting through. Then, let's say you were to put that printed piece of paper back into the printer, and print something on it again. You'll notice the areas that have been printed on twice will have colors closer to black. I find it easier to think about CMYK in terms of its corresponding numbers. CMYK works on a scale of 0 to 100. If C=100, M=100, Y=100, and K=100, you end up with black. But, if all four colors equal 0, you end up with true white. RGB. RGB color models, on the other hand, are designed for electronic displays, including computers. RGB stands for Red, Green, Blue, and is based on the additive color model of light waves. This means, the more color you add, the closer you get to white. For computers, RGB is created using scales from 0 to 255. So, black would be R=0, G=0, and B=0. White would be R=255, G=255, and B=255. When you're creating color on a computer, your color module will usually list both RGB and CMYK numbers. In practice, you can use either one to find colors, and the other color model will adjust accordingly. However, many web programs will only give you the RGB values or a HEX code (the code assigned to color for CSS and HTML). So, if you're designing digital images or for web design, RGB is probably your best bet for choosing colors. You can always convert the design to CMYK and make adjustments should you ever need it for printed materials. The Meaning of Color. Along with varying visual impact, different colors also carry different emotional symbolism. Red — typically associated with power, passion, or energy, and can help encourage action on your site Orange — joy and enthusiasm, making it a good choice for positive messaging Yellow — happiness and intellect, but be wary of overuse Green — often connected to growth or ambition, green can help give the sense that your brand is on the rise Blue — tranquility and confidence, depending on the shade — lighter shades provide a sense of peace, darker colors are more confident Purple — luxury or creativity, especially when used deliberately and sparingly on your site Black — power and mystery, and using this color can help create necessary negative space White — safety and innocence, making it a great choice to help streamline your site Worth noting? Different audiences may perceive colors differently. The meanings listed above are common for North American audiences, but if your brand moves into other parts of the world, it’s a good idea to research how users will perceive particular colors. For example, while red typically symbolizes passion or power in the United States, it’s considered a color of mourning in South Africa. While it’s possible to create your website using a combination of every color under the rainbow, chances are the final product won’t look great. Thankfully, color experts and designers have identified seven common color schemes to help jumpstart your creative process. What are the seven color schemes? The seven major color schemes are monochromatic, analogous, complementary, split complementary, triadic, square, and rectange (or tetradic). Let’s examine each in more detail. 1. Monochromatic. Monochromatic color schemes use a single color with varying shades and tints to produce a consistent look and feel. Although it lacks color contrast, it often ends up looking very clean and polished. It also allows you to easily change the darkness and lightness of your colors. Monochromatic color schemes are often used for charts and graphs when creating high contrast isn't necessary. Check out all the monochromatic colors that fall under the red hue, a primary color. 2. Analogous. Analogous color schemes are formed by pairing one main color with the two colors directly next to it on the color wheel. You can also add two additional colors (which are found next to the two outside colors) if you want to use a five-color scheme instead of just three colors. Analogous structures do not create themes with high contrasting colors, so they're typically used to create a softer, less contrasting design. For example, you could use an analogous structure to create a color scheme with autumn or spring colors. This color scheme is great for creating warmer (red, oranges, and yellows) or cooler (purples, blues, and greens) color palettes like the one below. Analogous schemes are often used to design images rather than infographics or bar charts as all of the elements blend together nicely. 3. Complementary. You may have guessed it, but a complementary color scheme is based on the use of two colors directly across from each other on the color wheel and relevant tints of those colors. The complementary color scheme provides the greatest amount of color contrast. Because of this, you should be careful about how you use the complementary colors in a scheme. It's best to use one color predominantly and use the second color as accents in your design. The complementary color scheme is also great for charts and graphs. High contrast helps you highlight important points and takeaways. 4. Split Complementary. A split complementary scheme includes one dominant color and the two colors directly adjacent to the dominant color's complement. This creates a more nuanced color palette than a complementary color scheme while still retaining the benefits of contrasting colors. The split complementary color scheme can be difficult to balance because unlike analogous or monochromatic color schemes, the colors used all provide contrast (similar to the complementary scheme). The positive and negative aspect of the split complementary color model is that you can use any two colors in the scheme and get great contrast ... but that also means it can also be tricky to find the right balance between the colors. As a result, you may end up playing around with this one a bit more to find the right combination of contrast. 5. Triadic. Triadic color schemes offer high contrasting color schemes while retaining the same tone. Triadic color schemes are created by choosing three colors that are equally placed in lines around the color wheel. Triad color schemes are useful for creating high contrast between each color in a design, but they can also seem overpowering if all of your colors are chosen on the same point in a line around the color wheel. To subdue some of your colors in a triadic scheme, you can choose one dominant color and use the others sparingly, or simply subdue the other two colors by choosing a softer tint. The triadic color scheme looks great in graphics like bar or pie charts because it offers the contrast you need to create comparisons. 6. Square. The square color scheme uses four colors equidistant from each other on the color wheel to create a square or diamond shape. While this evenly-spaced color scheme provides substantial contrast to your design, it’s a good idea to select one dominant color rather than trying to balance all four. Image Source Square color schemes are great for creating interest across your web designs. Not sure where to start? Pick your favorite color and work from there to see if this scheme suits your brand or website. It’s also a good idea to try square schemes against both black and white backgrounds to find the best fit. Image Source 7. Rectangle. Also called the tetradic color scheme, the rectangle approach is similar to its square counterpart but offers a more subtle approach to color selection.  Image Source As you can see in the diagram above, while the blue and red shades are quite bold, the green and orange on the other side of the rectangle are more muted, in turn helping the bolder shades stand out. Image Source No matter which color scheme you choose, keep in mind what your graphic needs. If you need to create contrast, then choose a color scheme that gives you that. On the other hand, if you just need to find the best "versions" of certain colors, then play around with the monochromatic color scheme to find the perfect shades and tints. Remember, if you build a color scheme with five colors, that doesn't mean you have to use all five. Sometimes just choosing two colors from a color scheme looks much better than cramming all five colors together in one graphic. How to Choose a Color Scheme. Prioritize the user experience, first.Leverage natural inspiration. Set a mood for your color scheme. Consider color context. Refer to your color wheel. Use the 60-30-10 rule. Draft multiple designs. 1. Prioritize the user experience, first. Before you add color to your website, app, product, or packaging, get the basic design downpat in greyscale. This lets you focus on what matters most: User experience. Instead of focusing on the color scheme of your overall site or the hue of specific buttons or links, make sure everything works like it’s supposed to. Make sure links aren’t broken, product pages are up-to-date and email opt-ins are ready to go. Here’s why: Even the best-looking website or product with perfect color selection won’t be enough to keep visitors if they can’t find what they’re looking for. 2. Leverage natural inspiration. Once your site operations are solid, it’s time to start selecting colors. Not sure what looks good? Take a look outside. Nature is the best example of colors that complement each other — from the green stems and bright blooms of flowering plants to azure skies and white clouds, you can’t go wrong pulling context from natural colors and combinations. 3. Set a mood for your color scheme. With a few color choices in mind, consider the mood you want your color scheme to set. If passion and energy are your priorities, lean more toward red or brighter yellows. If you’re looking to create a feeling of peace or tranquility, trend toward lighter blues and greens. It’s also worth thinking negatively. This is because negative space — in either black or white — can help keep your design from feeling too cluttered with color. 4. Consider color context. It’s also worth considering how colors are perceived in contrast. In the image below, the middle of each of the circles is the same size, shape, and color. The only thing that changes is the background color. Yet, the middle circles appear softer or brighter depending on the contrasting color behind it. You may even notice movement or depth changes just based on one color change. This is because the way in which we use two colors together changes how we perceive it. So, when you're choosing colors for your graphic designs, think about how much contrast you want throughout the design. For instance, if you were creating a simple bar chart, would you want a dark background with dark bars? Probably not. You'd most likely want to create a contrast between your bars and the background itself since you want your viewers to focus on the bars, not the background. 5. Refer to your color wheel. Next, consider your color wheel and the schemes mentioned above. Select a few different color combinations using schemes such as monochrome, complementary, and triad to see what stands out. Here, the goal isn’t to find exactly the right colors on the first try and create the perfect design, but rather to get a sense of which scheme naturally resonates with your personal perception and the look of your site. You may also find that schemes you select that look good in theory don’t work with your site design. This is part of the process — trial and error will help you find the color palette that both highlights your content and improves the user experience. 6. Use the 60-30-10 rule. Often used in home design, the 60-30-10 rule is also useful for website or app design. The idea here is to use three colors: A main color for 60% of your design, a secondary color for 30% of your design and an accent color for the last 10%. While these aren’t hard-and-fast numbers, they help give a sense of proportion and balance to your site by providing a primary color with secondary and accent colors that all work together. 7. Draft multiple designs. Draft and apply multiple color designs to your website and see which one(s) stand out. Then, take a step back, wait a few days and check again to see if your favorites have changed. Here’s why: While many designers go in with a vision of what they want to see and what looks good, the finished product often differs on digital screens that physical color wheels — what seemed like a perfect complement or an ideal color pop may end up looking drab or dated. Don’t be afraid to draft, review, draft again and throw out what doesn’t work — color, like website creation, is a constantly-evolving art form. Put simply? Practice makes perfect. The more you play with color and practice design, the better you get. No one creates their masterpiece the first time around. Color Tools. There's been a lot of theory and practical information for actually understanding which colors go best together and why. But when it comes down to the actual task of choosing colors while you're designing, it's always a great idea to have tools to help you actually do the work quickly and easily. Luckily, there are a number of tools to help you find and choose colors for your designs. Adobe Color. One of my favorite color tools to use while I'm designing anything — whether it's an infographic or just a pie chart — is Adobe Color (previously Adobe Kuler). This free online tool allows you to quickly build color schemes based on the color structures that were explained earlier in this post. Once you've chosen the colors in the scheme you'd like, you can copy and paste the HEX or RGB codes into whatever program you're using. It also features hundreds of premade color schemes for you to explore and use in your own designs. If you're an Adobe user, you can easily save your themes to your account. Illustrator Color Guide. I spend a lot of time in Adobe Illustrator, and one of my most-used features is the color guide. The color guide allows you to choose one color, and it will automatically generate a five-color scheme for you. It will also give you a range of tints and shades for each color in the scheme. If you switch your main color, the color guide will switch the corresponding colors in that scheme. So if you've chosen a complementary color scheme with the main color of blue, once you switch your main color to red, the complementary color will also switch from orange to green. Like Adobe Color, the color guide has a number of preset modes to choose the kind of color scheme you want. This helps you pick the right color scheme style within the program you're already using. After you've created the color scheme that you want, you can save that scheme in the "Color Themes" module for you to use throughout your project or in the future. Preset Color Guides. If you're not an Adobe user, you've probably used Microsoft Office products at least once. All of the Office products have preset colors that you can use and play around with to create color schemes. PowerPoint also has a number of color scheme presets that you can use to draw inspiration for your designs. Where the color schemes are located in PowerPoint will depend on which version you use, but once you find the color "themes" of your document, you can open up the preferences and locate the RGB and HEX codes for the colors used. You can then copy and paste those codes to be used in whatever program you're using to do your design work. Finding the Right Color Scheme. There's a lot of theory in this post, I know. But when it comes to choosing colors, understanding the theory behind color can do wonders for how you actually use color. This can make creating branded visuals easy, especially when using design templates where you can customize colors.     Originally published Jun 21, 2021 10:00:00 AM, updated June 22 2021 Don't forget to share this post! Related Articles. Want to Learn Graphic Design? 9 Tips & Tricks for Beginners . Marketing  | 9 min read Everything You Need to Know About the Principles and Types of Design . Marketing  | 14 min read Expand Offer Social Media Content Calendar Template Get it now Get it now Download for Later.
                            [kwBody] => Array
                                (
                                    [0] => stdClass Object
                                        (
                                            [term] => color
                                            [tf] => 311
                                        )

                                    [1] => stdClass Object
                                        (
                                            [term] => scheme
                                            [tf] => 69
                                        )

                                    [2] => stdClass Object
                                        (
                                            [term] => color scheme
                                            [tf] => 59
                                        )

                                    [3] => stdClass Object
                                        (
                                            [term] => design
                                            [tf] => 39
                                        )

                                    [4] => stdClass Object
                                        (
                                            [term] => create
                                            [tf] => 25
                                        )

                                    [5] => stdClass Object
                                        (
                                            [term] => primary
                                            [tf] => 24
                                        )

                                    [6] => stdClass Object
                                        (
                                            [term] => theory
                                            [tf] => 22
                                        )

                                    [7] => stdClass Object
                                        (
                                            [term] => primary color
                                            [tf] => 21
                                        )

                                    [8] => stdClass Object
                                        (
                                            [term] => youre
                                            [tf] => 19
                                        )

                                    [9] => stdClass Object
                                        (
                                            [term] => red
                                            [tf] => 19
                                        )

                                    [10] => stdClass Object
                                        (
                                            [term] => color theory
                                            [tf] => 18
                                        )

                                    [11] => stdClass Object
                                        (
                                            [term] => shade
                                            [tf] => 18
                                        )

                                    [12] => stdClass Object
                                        (
                                            [term] => white
                                            [tf] => 17
                                        )

                                    [13] => stdClass Object
                                        (
                                            [term] => complementary
                                            [tf] => 17
                                        )

                                    [14] => stdClass Object
                                        (
                                            [term] => wheel
                                            [tf] => 17
                                        )

                                    [15] => stdClass Object
                                        (
                                            [term] => blue
                                            [tf] => 17
                                        )

                                    [16] => stdClass Object
                                        (
                                            [term] => color color
                                            [tf] => 16
                                        )

                                    [17] => stdClass Object
                                        (
                                            [term] => color wheel
                                            [tf] => 16
                                        )

                                    [18] => stdClass Object
                                        (
                                            [term] => orange
                                            [tf] => 16
                                        )

                                    [19] => stdClass Object
                                        (
                                            [term] => green
                                            [tf] => 16
                                        )

                                    [20] => stdClass Object
                                        (
                                            [term] => hue
                                            [tf] => 16
                                        )

                                    [21] => stdClass Object
                                        (
                                            [term] => contrast
                                            [tf] => 15
                                        )

                                    [22] => stdClass Object
                                        (
                                            [term] => secondary
                                            [tf] => 15
                                        )

                                    [23] => stdClass Object
                                        (
                                            [term] => tint
                                            [tf] => 15
                                        )

                                    [24] => stdClass Object
                                        (
                                            [term] => black
                                            [tf] => 14
                                        )

                                    [25] => stdClass Object
                                        (
                                            [term] => find
                                            [tf] => 14
                                        )

                                    [26] => stdClass Object
                                        (
                                            [term] => 100
                                            [tf] => 13
                                        )

                                    [27] => stdClass Object
                                        (
                                            [term] => secondary color
                                            [tf] => 12
                                        )

                                    [28] => stdClass Object
                                        (
                                            [term] => website
                                            [tf] => 12
                                        )

                                    [29] => stdClass Object
                                        (
                                            [term] => yellow
                                            [tf] => 12
                                        )

                                    [30] => stdClass Object
                                        (
                                            [term] => work
                                            [tf] => 11
                                        )

                                    [31] => stdClass Object
                                        (
                                            [term] => creating
                                            [tf] => 11
                                        )

                                    [32] => stdClass Object
                                        (
                                            [term] => scheme color
                                            [tf] => 10
                                        )

                                    [33] => stdClass Object
                                        (
                                            [term] => visual
                                            [tf] => 10
                                        )

                                    [34] => stdClass Object
                                        (
                                            [term] => choose
                                            [tf] => 10
                                        )

                                    [35] => stdClass Object
                                        (
                                            [term] => purple
                                            [tf] => 10
                                        )

                                    [36] => stdClass Object
                                        (
                                            [term] => rgb
                                            [tf] => 10
                                        )

                                    [37] => stdClass Object
                                        (
                                            [term] => color scheme color
                                            [tf] => 9
                                        )

                                    [38] => stdClass Object
                                        (
                                            [term] => complementary color
                                            [tf] => 9
                                        )

                                    [39] => stdClass Object
                                        (
                                            [term] => choosing
                                            [tf] => 9
                                        )

                                    [40] => stdClass Object
                                        (
                                            [term] => 255
                                            [tf] => 8
                                        )

                                    [41] => stdClass Object
                                        (
                                            [term] => color create
                                            [tf] => 8
                                        )

                                    [42] => stdClass Object
                                        (
                                            [term] => tertiary color
                                            [tf] => 8
                                        )

                                    [43] => stdClass Object
                                        (
                                            [term] => choosing color
                                            [tf] => 8
                                        )

                                    [44] => stdClass Object
                                        (
                                            [term] => complementary color scheme
                                            [tf] => 7
                                        )

                                    [45] => stdClass Object
                                        (
                                            [term] => choose color
                                            [tf] => 7
                                        )

                                    [46] => stdClass Object
                                        (
                                            [term] => split complementary
                                            [tf] => 6
                                        )

                                    [47] => stdClass Object
                                        (
                                            [term] => main color
                                            [tf] => 6
                                        )

                                    [48] => stdClass Object
                                        (
                                            [term] => color guide
                                            [tf] => 6
                                        )

                                    [49] => stdClass Object
                                        (
                                            [term] => color scheme great
                                            [tf] => 5
                                        )

                                    [50] => stdClass Object
                                        (
                                            [term] => color combination
                                            [tf] => 5
                                        )

                                    [51] => stdClass Object
                                        (
                                            [term] => image source
                                            [tf] => 5
                                        )

                                    [52] => stdClass Object
                                        (
                                            [term] => user experience
                                            [tf] => 5
                                        )

                                    [53] => stdClass Object
                                        (
                                            [term] => dominant color
                                            [tf] => 5
                                        )

                                    [54] => stdClass Object
                                        (
                                            [term] => color secondary
                                            [tf] => 5
                                        )

                                    [55] => stdClass Object
                                        (
                                            [term] => blue green
                                            [tf] => 5
                                        )

                                    [56] => stdClass Object
                                        (
                                            [term] => color model
                                            [tf] => 5
                                        )

                                    [57] => stdClass Object
                                        (
                                            [term] => monochromatic color
                                            [tf] => 5
                                        )

                                    [58] => stdClass Object
                                        (
                                            [term] => scheme great
                                            [tf] => 5
                                        )

                                    [59] => stdClass Object
                                        (
                                            [term] => color color scheme
                                            [tf] => 4
                                        )

                                    [60] => stdClass Object
                                        (
                                            [term] => choose color scheme
                                            [tf] => 4
                                        )

                                    [61] => stdClass Object
                                        (
                                            [term] => color secondary color
                                            [tf] => 4
                                        )

                                    [62] => stdClass Object
                                        (
                                            [term] => 100 100
                                            [tf] => 4
                                        )

                                    [63] => stdClass Object
                                        (
                                            [term] => monochromatic color scheme
                                            [tf] => 4
                                        )

                                    [64] => stdClass Object
                                        (
                                            [term] => guide color
                                            [tf] => 4
                                        )

                                    [65] => stdClass Object
                                        (
                                            [term] => graphic design
                                            [tf] => 4
                                        )

                                    [66] => stdClass Object
                                        (
                                            [term] => color work
                                            [tf] => 4
                                        )

                                    [67] => stdClass Object
                                        (
                                            [term] => 60 30
                                            [tf] => 4
                                        )

                                    [68] => stdClass Object
                                        (
                                            [term] => theory color
                                            [tf] => 4
                                        )

                                    [69] => stdClass Object
                                        (
                                            [term] => web design
                                            [tf] => 4
                                        )

                                    [70] => stdClass Object
                                        (
                                            [term] => subtractive color
                                            [tf] => 4
                                        )

                                    [71] => stdClass Object
                                        (
                                            [term] => understanding color
                                            [tf] => 4
                                        )

                                    [72] => stdClass Object
                                        (
                                            [term] => create color
                                            [tf] => 4
                                        )

                                    [73] => stdClass Object
                                        (
                                            [term] => color palette
                                            [tf] => 4
                                        )

                                    [74] => stdClass Object
                                        (
                                            [term] => color primary
                                            [tf] => 4
                                        )

                                    [75] => stdClass Object
                                        (
                                            [term] => color design
                                            [tf] => 4
                                        )

                                    [76] => stdClass Object
                                        (
                                            [term] => green blue
                                            [tf] => 4
                                        )

                                    [77] => stdClass Object
                                        (
                                            [term] => color youre
                                            [tf] => 4
                                        )

                                    [78] => stdClass Object
                                        (
                                            [term] => red orange
                                            [tf] => 4
                                        )

                                    [79] => stdClass Object
                                        (
                                            [term] => find color
                                            [tf] => 4
                                        )

                                    [80] => stdClass Object
                                        (
                                            [term] => contrasting color
                                            [tf] => 4
                                        )

                                    [81] => stdClass Object
                                        (
                                            [term] => color theory 101
                                            [tf] => 3
                                        )

                                    [82] => stdClass Object
                                        (
                                            [term] => color wheel color
                                            [tf] => 3
                                        )

                                    [83] => stdClass Object
                                        (
                                            [term] => color theory color
                                            [tf] => 3
                                        )

                                    [84] => stdClass Object
                                        (
                                            [term] => additive subtractive color
                                            [tf] => 3
                                        )

                                    [85] => stdClass Object
                                        (
                                            [term] => subtractive color theory
                                            [tf] => 3
                                        )

                                    [86] => stdClass Object
                                        (
                                            [term] => color primary color
                                            [tf] => 3
                                        )

                                    [87] => stdClass Object
                                        (
                                            [term] => primary color create
                                            [tf] => 3
                                        )

                                    [88] => stdClass Object
                                        (
                                            [term] => secondary color color
                                            [tf] => 3
                                        )

                                    [89] => stdClass Object
                                        (
                                            [term] => primary color secondary
                                            [tf] => 3
                                        )

                                    [90] => stdClass Object
                                        (
                                            [term] => triadic color scheme
                                            [tf] => 3
                                        )

                                    [91] => stdClass Object
                                        (
                                            [term] => mood color scheme
                                            [tf] => 3
                                        )

                                    [92] => stdClass Object
                                        (
                                            [term] => 60 30 10
                                            [tf] => 3
                                        )

                                    [93] => stdClass Object
                                        (
                                            [term] => 30 10 rule
                                            [tf] => 3
                                        )

                                    [94] => stdClass Object
                                        (
                                            [term] => theory 101
                                            [tf] => 3
                                        )

                                    [95] => stdClass Object
                                        (
                                            [term] => wheel color
                                            [tf] => 3
                                        )

                                    [96] => stdClass Object
                                        (
                                            [term] => chart graph
                                            [tf] => 3
                                        )

                                    [97] => stdClass Object
                                        (
                                            [term] => design color
                                            [tf] => 3
                                        )

                                    [98] => stdClass Object
                                        (
                                            [term] => additive subtractive
                                            [tf] => 3
                                        )

                                    [99] => stdClass Object
                                        (
                                            [term] => scheme choose
                                            [tf] => 3
                                        )

                                    [100] => stdClass Object
                                        (
                                            [term] => color tool
                                            [tf] => 3
                                        )

                                    [101] => stdClass Object
                                        (
                                            [term] => give sense
                                            [tf] => 3
                                        )

                                    [102] => stdClass Object
                                        (
                                            [term] => primary secondary
                                            [tf] => 3
                                        )

                                    [103] => stdClass Object
                                        (
                                            [term] => color theyre
                                            [tf] => 3
                                        )

                                    [104] => stdClass Object
                                        (
                                            [term] => color listed
                                            [tf] => 3
                                        )

                                    [105] => stdClass Object
                                        (
                                            [term] => color example
                                            [tf] => 3
                                        )

                                    [106] => stdClass Object
                                        (
                                            [term] => yellow orange
                                            [tf] => 3
                                        )

                                    [107] => stdClass Object
                                        (
                                            [term] => red purple
                                            [tf] => 3
                                        )

                                    [108] => stdClass Object
                                        (
                                            [term] => color created
                                            [tf] => 3
                                        )

                                    [109] => stdClass Object
                                        (
                                            [term] => color mix
                                            [tf] => 3
                                        )

                                    [110] => stdClass Object
                                        (
                                            [term] => orange yellow
                                            [tf] => 3
                                        )

                                    [111] => stdClass Object
                                        (
                                            [term] => yellow green
                                            [tf] => 3
                                        )

                                    [112] => stdClass Object
                                        (
                                            [term] => tint tone
                                            [tf] => 3
                                        )

                                    [113] => stdClass Object
                                        (
                                            [term] => color rainbow
                                            [tf] => 3
                                        )

                                    [114] => stdClass Object
                                        (
                                            [term] => color add
                                            [tf] => 3
                                        )

                                    [115] => stdClass Object
                                        (
                                            [term] => shade tint
                                            [tf] => 3
                                        )

                                    [116] => stdClass Object
                                        (
                                            [term] => piece paper
                                            [tf] => 3
                                        )

                                    [117] => stdClass Object
                                        (
                                            [term] => good idea
                                            [tf] => 3
                                        )

                                    [118] => stdClass Object
                                        (
                                            [term] => high contrast
                                            [tf] => 3
                                        )

                                    [119] => stdClass Object
                                        (
                                            [term] => color directly
                                            [tf] => 3
                                        )

                                    [120] => stdClass Object
                                        (
                                            [term] => based color
                                            [tf] => 3
                                        )

                                    [121] => stdClass Object
                                        (
                                            [term] => triadic color
                                            [tf] => 3
                                        )

                                    [122] => stdClass Object
                                        (
                                            [term] => mood color
                                            [tf] => 3
                                        )

                                    [123] => stdClass Object
                                        (
                                            [term] => 30 10
                                            [tf] => 3
                                        )

                                    [124] => stdClass Object
                                        (
                                            [term] => 10 rule
                                            [tf] => 3
                                        )

                                    [125] => stdClass Object
                                        (
                                            [term] => adobe color
                                            [tf] => 3
                                        )

                                    [126] => stdClass Object
                                        (
                                            [term] => program youre
                                            [tf] => 3
                                        )

                                )

                            [page_rank_decimal] => 67
                            [rank] => 293
                        )

                    [4] => stdClass Object
                        (
                            [position] => 5
                            [questions] => Array
                                (
                                    [0] => stdClass Object
                                        (
                                            [question] => How do I learn about color theory?
                                        )

                                    [1] => stdClass Object
                                        (
                                            [question] => What are the 3 basic color theories?
                                        )

                                    [2] => stdClass Object
                                        (
                                            [question] => What are the 7 color schemes?
                                        )

                                    [3] => stdClass Object
                                        (
                                            [question] => How do I choose a color combination?
                                        )

                                )

                            [organic_position] => 4
                            [serp_type] => questions
                            [isOrganicPage] => 
                            [isOrganic] => 1
                        )

                    [5] => stdClass Object
                        (
                            [position] => 6
                            [title] => Colour theory: The ultimate guide | Creative Bloq
                            [url] => https://www.creativebloq.com/colour/colour-theory-11121290
                            [destination] => https://www.creativebloq.com › ... › Graphic Design
                            [description] => Everything you need to know about colour theory, from concepts to terminology
                            [isAmp] => 
                            [date] => 20 Sept 2021
                            [organic_position] => 5
                            [serp_type] => page
                            [isOrganicPage] => 1
                            [isOrganic] => 1
                            [serp_title] => Colour theory: A jargon-free designer's guide - Creative Bloq
                            [serp_description] => If you think back to school, you'll probably recall being taught the basics of colour theory: there are three primary colours – red, yellow, and ...
                            [hostname] => creativebloq.com
                            [canonical] => https://www.creativebloq.com/colour/colour-theory-11121290
                            [h1] => Colour theory: A jargon-free designer's guide
                            [h2] => Array
                                (
                                    [0] => Colour theory: A designer's guide
                                    [1] => Colour systems
                                    [2] => The colour wheel
                                    [3] => Complementary colours
                                    [4] => Analogous colours
                                    [5] => Triadic colours
                                    [6] => Split complementary colours
                                )

                            [h3] => Array
                                (
                                )

                            [h2WithAnchors] => Array
                                (
                                    [0] => stdClass Object
                                        (
                                            [text] => Colour theory: A designer's guide
                                            [id] => colour-theory-a-designer-apos-s-guide
                                        )

                                    [1] => stdClass Object
                                        (
                                            [text] => Colour systems
                                            [id] => colour-systems
                                        )

                                    [2] => stdClass Object
                                        (
                                            [text] => The colour wheel
                                            [id] => the-colour-wheel
                                        )

                                    [3] => stdClass Object
                                        (
                                            [text] => Complementary colours
                                            [id] => complementary-colours
                                        )

                                    [4] => stdClass Object
                                        (
                                            [text] => Analogous colours
                                            [id] => analogous-colours-xa0
                                        )

                                    [5] => stdClass Object
                                        (
                                            [text] => Triadic colours
                                            [id] => triadic-colours
                                        )

                                    [6] => stdClass Object
                                        (
                                            [text] => Split complementary colours
                                            [id] => split-complementary-colours
                                        )

                                )

                            [published_time] => stdClass Object
                                (
                                    [lastUpdate] => 
                                    [dateFormatted] => 20o September 2021
                                    [dateISO] => 2021-09-20T15:57:41Z
                                )

                            [modified_time] => stdClass Object
                                (
                                    [lastUpdate] => 
                                    [dateFormatted] => 20o September 2021
                                    [dateISO] => 2021-09-20T15:57:41.344Z
                                )

                            [type] => article
                            [wordCount] => 1528
                            [imgCount] => 13
                            [lang] => 
                            [faq_on_page] => Array
                                (
                                )

                            [anchors] => stdClass Object
                                (
                                    [size] => 25
                                    [outboundSize] => 1
                                    [list] => Array
                                        (
                                            [0] => stdClass Object
                                                (
                                                    [text] => get Adobe Creative Cloud
                                                    [href] => https://tracker.tradedoubler.com/click?p=265883&a=3009146&g=22913796&epi=cbq-gb-7392609549650261000&url=https%3A%2F%2Fcreative.adobe.com%2Fplans%3Fsdid%3DKSODC
                                                    [hrefDomain] => tradedoubler.com
                                                    [rel] => sponsored noopener
                                                    [isOutbound] => 1
                                                )

                                        )

                                )

                            [toc] => Array
                                (
                                    [0] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => Colour theory: A designer's guide. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [1] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => Colour systems. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [2] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => The colour wheel. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [3] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => Complementary colours. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [4] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => Analogous colours . 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [5] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => Triadic colours. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [6] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => Split complementary colours. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                    [0] => stdClass Object
                                                        (
                                                            [level] => 4
                                                            [name] => Related articles. 
                                                            [tag] => h4
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                )

                                        )

                                )

                            [og] => stdClass Object
                                (
                                    [ogImage] => https://cdn.mos.cms.futurecdn.net/UGv4fu4EQgUwuf2biaE6sH-1200-80.jpg
                                )

                            [schema_type] => Array
                                (
                                    [0] => Article
                                    [1] => BreadcrumbList
                                )

                            [comment_questions] => Array
                                (
                                )

                            [body] => Colour theory: A jargon-free designer's guide By Sam Hampton-Smith ( Computer Arts ) published 20 September 21 Everything you need to know about colour theory, from concepts to terminology. (Image credit: Klaus Vedfelt via Getty) Page 1 of 2: Colour systems and the colour wheel Colour systems and the colour wheel Colour theory: Components, colour gamut and more Colour theory is a crucial part of any designer's or artist's practice. For many, colour is such a pervasive part of everything we visually encounter in the world that it becomes an intuitive choice. Understanding how colour is formed and, more importantly, the relationships between different colours, can help you use colour more effectively in your designs, and make sure you pick the right palette for your projects.If you think back to school, you'll probably recall being taught the basics of colour theory: there are three primary colours – red, yellow, and blue – and any colour can be created by mixing these three colours in varying quantities. It turns out that this isn't quite the whole story (although it's still workable enough to be taught to five-year-olds). In this guide, we'll walk through what you should know about colour theory, and explaining the jargon and design terms that come up along the way.While you're here, you also might want to check out our guide to how to manage colours in Photoshop, or our guides to colour grading and art techniques. If you need software to put all this theory into practice, then we recommended you get Adobe Creative Cloud.Colour theory: A designer's guide. The Bauhaus school understood the power of colour in the 1920s and 1930s, with staff and students going on to develop colour theories for evoking particular moods and emotions through choice of palette in design and architecture. (Take a look at our guide to Bauhaus design for more on this.)The theory of colour is a discipline that stretches back much further than that – at least to the 15th century – and uses physics, chemistry and mathematics to fully define and explain the concepts. However, much of this is unnecessary to being able to use colour effectively. Here, we're going to offer more of a handy overview of the most important aspects of colour theory you need to help you start making informed decisions in your own work.Colour systems. A colour system is a method by which colour is reproduced. There are two primary colour systems: additive and subtractive (also known as reflective). We use both on a daily basis. Screens use additive colour to generate all the colours you see, while books and other print materials use subtractive colour for their front covers.In simple terms, anything that emits light (such as the sun, a screen, a projector, and so on) uses additive colour, while everything else (which instead reflects light) uses subtractive colour.01. AdditiveAdditive colour is based on red, green, and blue – RGB for short Additive colour works with anything that emits or radiates light. The mixture of different wavelengths of light creates different colours, and the more light you add, the brighter and lighter the colour becomes.When using additive colour, we tend to consider the building block (primary) colours to be red, green and blue (RGB), and this is the basis for all colour you use on screen. In additive colour, white is the combination of colour, while black is the absence of colour.02. SubtractiveSubtractive colour is based on cyan, magenta, and yellow (Image credit: Creative Commons)Subtractive colour works on the basis of reflected light. Rather than pushing more light out, the way a particular pigment reflects different wavelengths of light determines its apparent colour to the human eye.Subtractive colour, like additive, has three primary colours – cyan, magenta, and yellow (CMY). In subtractive colour, white is the absence of colour, while black is the combination of colour, but it’s an imperfect system.The pigments we have available to use don't fully absorb light (preventing reflected colour wavelengths), so we have to add a fourth compensating pigment to account for this limitation. We call this 'key', hence CMYK, but essentially it's black. Without this additional pigment, the closest to black we'd be able to render in print would be a muddy brown.The colour wheel. (Image credit: Creative Commons)In order to make it easier to see the relationship between different colours, the concept of the modern colour wheel was developed around the 18th century. Although colours exist on a continuous spectrum, it helped artists to break them down into individual blocks that could be named. Colour wheels show the primary colours (conventionally red, yellow and blue in painting) on the outermost ring. The secondary colours are created by mixing two primary colours – if red, blue and yellow are the primary colours, the secondary colours are green, orange and violet. Tertiary colours are then created by mixing a primary with a secondary colour.Note that using red, yellow and blue as the primary colours is not entirely accurate since greens and blues actually take up more of the colour spectrum. As a result, sometimes alternative colour wheels are used, such as red, blue and green, or cyan, magenta and yellow. It is possible to mix traditional primary colours with these alternative colour wheels, though they won't be as intense as pure pigments.The colour wheel allows us to see at a glance which colours are complementary (opposite on the wheel), analogous (adjacent on the wheel), triadic (three colours positioned at 120 degrees on the wheel from each other) and so on (see below). Each of these relationships can produce pleasing colour combinations, and there are many more pleasing relationships between colours based on their position on the wheel.Complementary colours. (Image credit: Future)Complementary colours sit opposite each other on the colour wheel. These pairs have the highest colour contrast, so they often look very intense when placed next to each other. Two saturated complementary colours can sometimes clash and strain a viewer’s eyes, especially in close proximity, so it can be better to ensure that one of them is more neutral if you're going to use them together.Mixing two complementary colours together produces a neutral grey, or even a black, as they cancel each other out. The greys in the centre of the colour wheel can be created in this way.Analogous colours . (Image credit: Future)Analogous colours sit next to each other on the colour wheel, so they have less colour contrast and therefore harmonise easily. In fact, sometimes they harmonise too easily, which means you might want to add contrast in these sorts of combinations, for example by pushing the tonal or saturation contrasts (or both). When mixed together, analogous colours produce bright intermediary hues. The closer two colours are on the colour wheel, the more intense their mixture is. The further apart they are, the duller the mixture.Triadic colours. (Image credit: Future)Triadic schemes comprise three colours that are evenly spaced around the colour wheel. This type of scheme can be challenging if you're using saturated colours as it will include a large area of the wheel, which makes colour contrast hard to manage. One solution is to pick a dominant colour and let the other two support it as more subdued tones.Another option is to tie a triad of saturated colours together with whites. This allows the eye a break and reflects subtle indications of the triad. Alternatively, triad colours can be used in small amounts to ‘spice up’ neutral arrangements.Split complementary colours. (Image credit: Future)Split complementary colour schemes are like complementary schemes, but in this case, one of the colours is split into two. The other colour sits opposite the centre point of this pair. The separation between the split pair can be narrow or can expand until it transforms into a triadic scheme. This kind of scheme is a good option for a limited palette because it offers the harmony of a complementary colour scheme while covering more ground on the colour wheel and including a wider range of colours. Complementary schemes sometimes split both colours (this is sometimes called a tetradic scheme). They work especially well if the range of each pair is limited.There are free apps for picking a colour scheme, or you could use your designer's eye to pick your own. Click through to the next page for a little help on this.Next page: the three components of colour, colour gamut, and more... 1 2 Current page: Colour systems and the colour wheel Next Page Colour theory: Components, colour gamut and more Sam Hampton-Smith Sam is a designer and illustrator based in Scotland. He splits his time between art and design, motion and video and writing for various creative titles.  Topics Graphic Design Tools Colour magcontent Computer Arts Graphic design Related articles. The best Microsoft Surface deals in 2022 WD My Passport deals: The best prices in 2022 Best Samsung SSD deals 2022 Cheap 4K monitor deals
                            [kwBody] => Array
                                (
                                    [0] => stdClass Object
                                        (
                                            [term] => colour
                                            [tf] => 111
                                        )

                                    [1] => stdClass Object
                                        (
                                            [term] => wheel
                                            [tf] => 19
                                        )

                                    [2] => stdClass Object
                                        (
                                            [term] => colour wheel
                                            [tf] => 15
                                        )

                                    [3] => stdClass Object
                                        (
                                            [term] => theory
                                            [tf] => 12
                                        )

                                    [4] => stdClass Object
                                        (
                                            [term] => primary
                                            [tf] => 10
                                        )

                                    [5] => stdClass Object
                                        (
                                            [term] => scheme
                                            [tf] => 10
                                        )

                                    [6] => stdClass Object
                                        (
                                            [term] => colour theory
                                            [tf] => 9
                                        )

                                    [7] => stdClass Object
                                        (
                                            [term] => primary colour
                                            [tf] => 9
                                        )

                                    [8] => stdClass Object
                                        (
                                            [term] => light
                                            [tf] => 9
                                        )

                                    [9] => stdClass Object
                                        (
                                            [term] => blue
                                            [tf] => 8
                                        )

                                    [10] => stdClass Object
                                        (
                                            [term] => complementary
                                            [tf] => 8
                                        )

                                    [11] => stdClass Object
                                        (
                                            [term] => image credit
                                            [tf] => 7
                                        )

                                    [12] => stdClass Object
                                        (
                                            [term] => page
                                            [tf] => 7
                                        )

                                    [13] => stdClass Object
                                        (
                                            [term] => image
                                            [tf] => 7
                                        )

                                    [14] => stdClass Object
                                        (
                                            [term] => credit
                                            [tf] => 7
                                        )

                                    [15] => stdClass Object
                                        (
                                            [term] => design
                                            [tf] => 7
                                        )

                                    [16] => stdClass Object
                                        (
                                            [term] => red
                                            [tf] => 7
                                        )

                                    [17] => stdClass Object
                                        (
                                            [term] => yellow
                                            [tf] => 7
                                        )

                                    [18] => stdClass Object
                                        (
                                            [term] => additive
                                            [tf] => 7
                                        )

                                    [19] => stdClass Object
                                        (
                                            [term] => colour system
                                            [tf] => 6
                                        )

                                    [20] => stdClass Object
                                        (
                                            [term] => contrast
                                            [tf] => 6
                                        )

                                    [21] => stdClass Object
                                        (
                                            [term] => guide
                                            [tf] => 6
                                        )

                                    [22] => stdClass Object
                                        (
                                            [term] => system
                                            [tf] => 6
                                        )

                                    [23] => stdClass Object
                                        (
                                            [term] => additive colour
                                            [tf] => 5
                                        )

                                    [24] => stdClass Object
                                        (
                                            [term] => complementary colour
                                            [tf] => 5
                                        )

                                    [25] => stdClass Object
                                        (
                                            [term] => designer
                                            [tf] => 5
                                        )

                                    [26] => stdClass Object
                                        (
                                            [term] => green
                                            [tf] => 5
                                        )

                                    [27] => stdClass Object
                                        (
                                            [term] => black
                                            [tf] => 5
                                        )

                                    [28] => stdClass Object
                                        (
                                            [term] => colour image credit
                                            [tf] => 4
                                        )

                                    [29] => stdClass Object
                                        (
                                            [term] => colour gamut
                                            [tf] => 4
                                        )

                                    [30] => stdClass Object
                                        (
                                            [term] => system colour
                                            [tf] => 4
                                        )

                                    [31] => stdClass Object
                                        (
                                            [term] => colour image
                                            [tf] => 4
                                        )

                                    [32] => stdClass Object
                                        (
                                            [term] => created
                                            [tf] => 4
                                        )

                                    [33] => stdClass Object
                                        (
                                            [term] => creative
                                            [tf] => 4
                                        )

                                    [34] => stdClass Object
                                        (
                                            [term] => subtractive
                                            [tf] => 4
                                        )

                                    [35] => stdClass Object
                                        (
                                            [term] => based
                                            [tf] => 4
                                        )

                                    [36] => stdClass Object
                                        (
                                            [term] => combination
                                            [tf] => 4
                                        )

                                    [37] => stdClass Object
                                        (
                                            [term] => pigment
                                            [tf] => 4
                                        )

                                    [38] => stdClass Object
                                        (
                                            [term] => pair
                                            [tf] => 4
                                        )

                                    [39] => stdClass Object
                                        (
                                            [term] => split
                                            [tf] => 4
                                        )

                                    [40] => stdClass Object
                                        (
                                            [term] => deal
                                            [tf] => 4
                                        )

                                    [41] => stdClass Object
                                        (
                                            [term] => colour system colour
                                            [tf] => 3
                                        )

                                    [42] => stdClass Object
                                        (
                                            [term] => system colour wheel
                                            [tf] => 3
                                        )

                                    [43] => stdClass Object
                                        (
                                            [term] => colour wheel colour
                                            [tf] => 3
                                        )

                                    [44] => stdClass Object
                                        (
                                            [term] => primary colour red
                                            [tf] => 3
                                        )

                                    [45] => stdClass Object
                                        (
                                            [term] => red yellow blue
                                            [tf] => 3
                                        )

                                    [46] => stdClass Object
                                        (
                                            [term] => colour created mixing
                                            [tf] => 3
                                        )

                                    [47] => stdClass Object
                                        (
                                            [term] => cyan magenta yellow
                                            [tf] => 3
                                        )

                                    [48] => stdClass Object
                                        (
                                            [term] => wheel colour
                                            [tf] => 3
                                        )

                                    [49] => stdClass Object
                                        (
                                            [term] => component colour
                                            [tf] => 3
                                        )

                                    [50] => stdClass Object
                                        (
                                            [term] => relationship colour
                                            [tf] => 3
                                        )

                                    [51] => stdClass Object
                                        (
                                            [term] => colour colour
                                            [tf] => 3
                                        )

                                    [52] => stdClass Object
                                        (
                                            [term] => colour red
                                            [tf] => 3
                                        )

                                    [53] => stdClass Object
                                        (
                                            [term] => red yellow
                                            [tf] => 3
                                        )

                                    [54] => stdClass Object
                                        (
                                            [term] => yellow blue
                                            [tf] => 3
                                        )

                                    [55] => stdClass Object
                                        (
                                            [term] => colour created
                                            [tf] => 3
                                        )

                                    [56] => stdClass Object
                                        (
                                            [term] => created mixing
                                            [tf] => 3
                                        )

                                    [57] => stdClass Object
                                        (
                                            [term] => colour based
                                            [tf] => 3
                                        )

                                    [58] => stdClass Object
                                        (
                                            [term] => green blue
                                            [tf] => 3
                                        )

                                    [59] => stdClass Object
                                        (
                                            [term] => colour white
                                            [tf] => 3
                                        )

                                    [60] => stdClass Object
                                        (
                                            [term] => cyan magenta
                                            [tf] => 3
                                        )

                                    [61] => stdClass Object
                                        (
                                            [term] => magenta yellow
                                            [tf] => 3
                                        )

                                    [62] => stdClass Object
                                        (
                                            [term] => colour sit
                                            [tf] => 3
                                        )

                                    [63] => stdClass Object
                                        (
                                            [term] => colour contrast
                                            [tf] => 3
                                        )

                                    [64] => stdClass Object
                                        (
                                            [term] => colour scheme
                                            [tf] => 3
                                        )

                                )

                            [page_rank_decimal] => 58
                            [rank] => 3602
                        )

                    [6] => stdClass Object
                        (
                            [position] => 7
                            [title] => Color Theory And Color Palettes — A Complete Guide [2022]
                            [url] => https://careerfoundry.com/en/blog/ui-design/introduction-to-color-theory-and-color-palettes/
                            [destination] => https://careerfoundry.com › blog › ui-design › introductio...
                            [description] => What is color theory? What are the different types of color palettes? We show you everything you need to know in our ultimate color theory guide
                            [isAmp] => 
                            [extra] => 23 Nov 2021 · Uploaded by CareerFoundry
                            [organic_position] => 6
                            [serp_type] => page
                            [isOrganicPage] => 1
                            [isOrganic] => 1
                            [serp_title] => Color Theory And Color Palettes — A Complete Guide [2022]
                            [serp_description] => While it might seem like a website's color palette is a matter of the client's personal taste, in reality, UI designers rely on a framework ...
                            [hostname] => careerfoundry.com
                            [canonical] => https://careerfoundry.com/en/blog/ui-design/introduction-to-color-theory-and-color-palettes/
                            [h1] => An Introduction to Color Theory and Color Palettes
                            [h2] => Array
                                (
                                    [0] => 1. What is color theory?
                                    [1] => 2. Introduction to the color wheel
                                    [2] => 3. The importance of color harmony
                                    [3] => 4. Additive and subtractive color models
                                    [4] => 5. Introduction to color palettes
                                    [5] => 6. What are the different types of color palettes?
                                    [6] => 7. How to choose a color palette
                                    [7] => 8. The best tools for choosing a color palette
                                    [8] => 9. Final thoughts
                                )

                            [h3] => Array
                                (
                                    [0] => Hue
                                    [1] => Shade
                                    [2] => Tint
                                    [3] => Tone
                                    [4] => Color temperature
                                    [5] => The additive color model (RGB)
                                    [6] => The subtractive color model (CMYK)
                                    [7] => Monochromatic
                                    [8] => Analogous
                                    [9] => Complementary
                                    [10] => Split-complementary
                                    [11] => Triadic
                                    [12] => Tetradic
                                    [13] => Research your audience
                                    [14] => Consider color psychology
                                    [15] => Choose your colors wisely
                                    [16] => Don’t skimp on contrast
                                    [17] => Stick to UI conventions
                                    [18] => Get feedback
                                    [19] => Adobe Color
                                    [20] => Coolors
                                    [21] => Adobe Illustrator color guide
                                )

                            [h2WithAnchors] => Array
                                (
                                    [0] => stdClass Object
                                        (
                                            [text] => 1. What is color theory?
                                            [id] => what-is-color-theory
                                        )

                                    [1] => stdClass Object
                                        (
                                            [text] => 2. Introduction to the color wheel
                                            [id] => introduction-to-the-color-wheel
                                        )

                                    [2] => stdClass Object
                                        (
                                            [text] => 3. The importance of color harmony
                                            [id] => the-importance-of-color-harmony
                                        )

                                    [3] => stdClass Object
                                        (
                                            [text] => 4. Additive and subtractive color models
                                            [id] => additive-and-subtractive-color-models
                                        )

                                    [4] => stdClass Object
                                        (
                                            [text] => 5. Introduction to color palettes
                                            [id] => introduction-to-color-palettes
                                        )

                                    [5] => stdClass Object
                                        (
                                            [text] => 6. What are the different types of color palettes?
                                            [id] => what-are-the-different-types-of-color-palettes
                                        )

                                    [6] => stdClass Object
                                        (
                                            [text] => 7. How to choose a color palette
                                            [id] => how-to-choose-a-color-palette
                                        )

                                    [7] => stdClass Object
                                        (
                                            [text] => 8. The best tools for choosing a color palette
                                            [id] => the-best-tools-for-choosing-a-color-palette
                                        )

                                    [8] => stdClass Object
                                        (
                                            [text] => 9. Final thoughts
                                            [id] => final-thoughts
                                        )

                                )

                            [type] => article
                            [wordCount] => 2942
                            [imgCount] => 13
                            [lang] => 
                            [faq_on_page] => Array
                                (
                                )

                            [anchors] => stdClass Object
                                (
                                    [size] => 21
                                    [outboundSize] => 4
                                    [list] => Array
                                        (
                                            [0] => stdClass Object
                                                (
                                                    [text] => Institute for Color Research
                                                    [href] => https://www.colorcom.com/research/why-color-matters
                                                    [hrefDomain] => colorcom.com
                                                    [rel] => noopener
                                                    [isOutbound] => 1
                                                )

                                            [1] => stdClass Object
                                                (
                                                    [text] => Adobe Color
                                                    [href] => https://color.adobe.com/create
                                                    [hrefDomain] => adobe.com
                                                    [rel] => noopener
                                                    [isOutbound] => 1
                                                )

                                            [2] => stdClass Object
                                                (
                                                    [text] => Coolors
                                                    [href] => https://coolors.co/
                                                    [hrefDomain] => coolors.co
                                                    [rel] => noopener
                                                    [isOutbound] => 1
                                                )

                                            [3] => stdClass Object
                                                (
                                                    [text] => Adobe Illustrator Color Guide
                                                    [href] => https://www.adobe.com/de/products/illustrator.html?sdid=88X75SKP&mv=search&ef_id=EAIaIQobChMI58TS1ZLl5QIVC9TeCh2BCAi6EAAYASAAEgIRkvD_BwE:G:s&s_kwcid=AL!3085!3!341179586064!e!!g!!%2Badobe%20%2Billustrator&gclid=EAIaIQobChMI58TS1ZLl5QIVC9TeCh2BCAi6EAAYASAAEgIRkvD_BwE
                                                    [hrefDomain] => adobe.com
                                                    [rel] => noopener
                                                    [isOutbound] => 1
                                                )

                                        )

                                )

                            [toc] => Array
                                (
                                    [0] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => 1. What is color theory?
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [1] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => 2. Introduction to the color wheel. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                    [0] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Hue. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [1] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Shade. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [2] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Tint. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [3] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Tone. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [4] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Color temperature. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                )

                                        )

                                    [2] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => 3. The importance of color harmony. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [3] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => 4. Additive and subtractive color models. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                    [0] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => The additive color model (RGB). 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [1] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => The subtractive color model (CMYK). 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                )

                                        )

                                    [4] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => 5. Introduction to color palettes. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [5] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => 6. What are the different types of color palettes?
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                    [0] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Monochromatic. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [1] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Analogous. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [2] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Complementary. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [3] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Split-complementary. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [4] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Triadic. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [5] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Tetradic. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                )

                                        )

                                    [6] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => 7. How to choose a color palette. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                    [0] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Research your audience. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [1] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Consider color psychology. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [2] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Choose your colors wisely. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [3] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Don’t skimp on contrast. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [4] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Stick to UI conventions. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [5] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Get feedback. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                )

                                        )

                                    [7] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => 8. The best tools for choosing a color palette. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                    [0] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Adobe Color. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [1] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Coolors. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [2] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Adobe Illustrator color guide. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                )

                                        )

                                    [8] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => 9. Final thoughts. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                )

                            [og] => stdClass Object
                                (
                                    [ogImage] => https://dpbnri2zg3lc2.cloudfront.net/en/wp-content/uploads/2021/01/color_ui_cover.jpg
                                    [twitterImage] => https://dpbnri2zg3lc2.cloudfront.net/en/wp-content/uploads/2021/01/color_ui_cover.jpg
                                )

                            [schema_type] => Array
                                (
                                )

                            [comment_questions] => Array
                                (
                                )

                            [body] => An Introduction to Color Theory and Color Palettes BY JAYE HANNAH, UPDATED ON NOVEMBER 23, 2021 15 mins readHave you ever seen a color that has immediately reminded you of a particular brand? Maybe you’ve struggled to feel relaxed in a room that has a clashing color scheme, or returned an item of clothing you got as a gift because the color wasn’t quite right.Colors have the immeasurable power to inform our mood, emotions, and thoughts. Research conducted by the Institute for Color Research reveals that people make a subconscious judgment about a product within 90 seconds of seeing it, and between 62% and 90% of that assessment is based on color alone.User interface (UI) designers have the challenging task of incorporating color into their interface in a way that poignantly communicates a brand’s visual identity. While it might seem like a website’s color palette is a matter of the client’s personal taste, in reality, UI designers rely on a framework called color theory: a multilayered set of guidelines that informs the use of color in design.In this guide, we’ll take you through everything you need to know about color theory—from mastering the fundamentals of color variants right through to choosing the right color palette for your user interface.Here’s what we’ll cover: What is color theory? Introduction to the color wheel The importance of color harmony  Additive and subtractive color models Introduction to color palettes  What are the different types of color palettes?  How to choose a color palette  The best online tools for choosing a color palette  Final thoughts Before we jump in, check out this video presented by CareerFoundry UI design mentor, Olga. Olga explains what you need to consider when choosing a color palette, things to avoid, and top tips for picking the right color scheme:1. What is color theory?Let’s start at the basics: what actually is color theory?Color theory is a framework that informs the use of color in art and design, guides the curation of color palettes, and facilitates the effective communication of a design message on both an aesthetic and a psychological level.Modern color theory is largely based on Isaac Newton’s color wheel, which he created all the way back in 1666. The basic color wheel displays three categories of color; primary colors, secondary colors, and tertiary colors. If you remember learning about these in art class, well done—you’ve already grasped the basics of color theory!Let’s have a quick refresh on what these color categories entail: Primary colors are colors you can’t create by combining two or more other colors. The primary colors are red, blue, and yellow. The secondary colors are orange, purple, and green—in other words, colors that can be created by combining any two of the three primary colors. Tertiary colors are created by mixing a primary color with a secondary color. The tertiary colors are magenta, vermillion, violet, teal, amber, and chartreuse.2. Introduction to the color wheel. You might be thinking, “there are way more than 12 colors out there.” You’re right—and they can all be found on a more advanced version of the color wheel.The color wheel doesn’t just chart each primary, secondary, and tertiary color—it also charts their respective hues, tints, tones, and shades. By visualizing how each color relates to the color that comes next to it on a rainbow color scale, the color wheel helps designers to create bespoke color palettes that promote aesthetic harmony. Let’s dive into these color variants a little deeper:Hue. Hue refers to the pure pigment of a color, without tint or shade. In that respect, hue can be interpreted as the origin of a color. Any one of the six primary and secondary colors is a hue.Shade. Shade refers to how much black is added into the hue. As such, shade darkens a color.Tint. The opposite of shade, tint refers to how much white is added to a color. As such, tint lightens a color.Tone. Tone is the result of a color that has had both white and black added to it. In other words, tone refers to any hue that has been modified with the addition of grey—as long as the grey is purely neutral (only containing white and black).Color temperature. Even if you’re a self-confessed design newbie, you’ve likely heard the terms “warm, cool and neutral” tossed around in relation to color. This is referred to as color temperature, and it’s an essential consideration when it comes to color theory.Warm colors contain shades of yellow and red; cool colors have a blue, green, or purple tint; and neutral colors include brown, gray, black, and white. The temperature of a color has a significant impact on our emotional response to it. Within the psychology of colors, for example, warm colors show excitement, optimism, and creativity, whereas cool colors symbolize peace, calmness, and harmony. But we’ll talk a little bit more about color psychology later on!3. The importance of color harmony. Arguably the most crucial aspect of color theory, color harmony refers to the use of color combinations that are visually pleasing for the human eye. Color palettes can either promote contrast or consonance, but as long as they make sense together, they can still result in a visually satisfying effect.When it comes to UI design, color harmony is what all designers strive to achieve. Based on the psychological need for balance, color harmony engages the viewer and establishes a sense of order. A lack of harmony in a color palette can either result in an interface being under-stimulating (boring) or over-stimulating (chaotic and messy).Unsure about what a user interface looks like? Check out our guide on what a user interface is, and what you might find within one. 4. Additive and subtractive color models. Now that we’ve mastered the color variants, we can move on to adding and subtracting color. Color has two different natures: the tangible colors which can be seen on the surface of objects, and colors that are produced by light. These two types of color are known as the additive and subtractive color models. Let’s take a closer look at what they mean.The additive color model (RGB). RGB stands for red, green, and blue, and is based on the additive color model of light waves that dictates that the more color you add, the closer the color gets to white. The RGB color model forms the basis of all electronic screens, and as a result, is the model used most often by UI designers.The subtractive color model (CMYK). On the other hand, CMYK is known as the subtractive color model, which obtains colors by the subtraction of light. CMYK stands for cyan, magenta, yellow, and black, and it is mostly used in physical printing.5. Introduction to color palettes. So far, we’ve explored the various forms that a color can take, and gotten acquainted with the color model that you’ll use as a UI designer. Now, let’s dive into the fun part: color palettes!A color palette is a combination of colors used by UI designers when designing an interface. When used correctly, color palettes form the visual foundation of your brand, help to maintain consistency, and make your user interface aesthetically pleasing and enjoyable to use.While color palettes date back thousands of years, color palettes are commonly used in digital design, presented as a combination of HEX codes. HEX codes communicate to a computer what color you want to display using hexadecimal values. Back in the ’90s, most digital color palettes only included eight colors. Now, designers have a myriad of shades and hues from the color wheel to choose from.Over the next few sections, we’ll learn how to choose and interpret a color palette to ensure you’re creating the best possible interface for your users.6. What are the different types of color palettes?Colors can be combined to form one of five color palettes that are commonly used by UI designers. Let’s go through them together.Monochromatic. A popular choice with designers, monochromatic color schemes are formed using various tones and shades of one single color.Analogous. An analogous color scheme is formed of three colors that are located next to each other on the color wheel. Analogous color palettes are commonly used when no contrast is needed—for example, on the background of web pages or banners.Complementary. Complementary color palettes are comprised of colors that are placed in front of each other on the color wheel. While the name may suggest otherwise, complementary color palettes are actually the opposite of analogous and monochromatic color palettes, as they aim to produce contrast. For example, a red button on a blue background will stand out on any interface.Split-complementary. The split-complementary color palette differs from the complementary color palette only in that it employs a higher number of colors. For example, if you choose the color blue, you’ll then need to take the two colors that are adjacent to its opposite color, which in this case would be yellow and red.Triadic. The triadic color scheme is based on three separate colors that are equidistant on the color wheel. Most designers employ the triadic color scheme by choosing one dominant color, and using the other two colors as accents.Tetradic. Commonly used by more experienced designers, the tetradic color scheme employs two sets of complementary pairs—four colors from the color wheel in total that should form a rectangle when connected. While it’s a little harder to balance, it makes for a visually stunning end effect!7. How to choose a color palette. Now that we’ve mastered the basics of color theory, let’s look at how you can use this newfound knowledge to select a color palette that tells your brand story and resonates with your audience.When choosing a color palette for your user interface, here are a few things to consider:Research your audience. Emotional responses to colors are can depend on a range of personal factors, including gender, cultural experiences, and age. Before you get started with choosing your color palette, be sure to establish who your audience is. What are their common traits, and what are their expectations? What brands relating to yours are popular among your target audience—and how can you out-do their designs?Conducting structured, thorough research on your target audience will not only help you to fine-tune the story you want to communicate, but it will also help you to prevent a potentially catastrophic design failure.To learn more about how to become a better designer, check out our article on how to avoid the 10 most common UI design mistakes! Consider color psychology. With clarity on your target audience, it’s time to look at the psychology behind your potential brand colors. Color psychology is a branch of psychology surrounding the influence of colors on human mood and behavior. According to color psychology, the human mind subconsciously reacts and interprets colors in a way that influences our actions.If you want to create a color palette that attracts your target audience and accurately tells your brand story, it’s essential to have a basic understanding of color psychology. To get you up to speed, let’s take a look at some of the most common color associations below: Orange is energetic and warm. Some common associations with orange include creativity, enthusiasm, lightheartedness, and affordability. Red is the color of blood, so it’s often associated with energy, war, danger, and power but also passion, desire, and love. Some common associations with red include action, adventure, aggression, and excitement. Yellow evokes positivity, youth, joy, playfulness, sunshine, and warmth. Pink evokes feelings of innocence and delicateness, gratitude, romance, softness, and appreciation. Blue is perceived as authoritative, dependable, and trustworthy. Common associations with blue include calmness, serenity, confidence, dignity, and security. Green is the color of nature. It symbolizes growth, freshness, serenity, money, health, and healing. Black represents power, elegance, and authority. Common associations with black also include class, distinction, formality, mystery, secrecy, and seriousness.Choose your colors wisely. Commonly, color palettes are made up of six colors. These colors should include one dominant color, four accent colors, and one standard color for your text (which is usually black or grey). Your dominant color is what your customers will forever associate with the brand, so be very careful when reflecting on what this color should be. Take your time to get inspired, keep the color associations in mind, and do some user testing if you have to.Note: you’re free to add more or fewer colors depending on your brand personality, and the aesthetic you’re aiming for. Choosing monochromatic, analogous, or complementary colors will help you to achieve a streamlined color palette. Remember: color harmony is the goal here!Don’t skimp on contrast. Color contrast is core to any interface, as it makes each UI element noticeable and distinct. User interfaces containing only shades from the same color family are unlikely to draw users’ attention—and, moreover, run the risk of being a complete headache to navigate. On the other hand, if copy and background colors contrast each other too much, the text could become illegible.Designers control the level of contrast depending on what the interface aims to accomplish. Experienced designers strive to create a mild level of contrast and apply high contrasting colors only for elements that are supposed to stand out—such as call-to-actions. This ties into my next point…Stick to UI conventions. When working with colors, it’s easy to get carried away with aesthetics over practicality. Of course, your interface should be visually pleasing—but it also needs to be accessible, easy to navigate, and enjoyable to use. Of course, it’s great to be experimental—but challenging design conventions with “edgy” designs can confuse your users, and make them work harder than they need to.Some common UI design color conventions include: Using a dark color for text to ensure legibility Keeping light colors for backgrounds Using contrasting colors for accents (as mentioned above) Sticking to classic call-to-action colors—such as red for a warning signSticking to these conventions will reduce the cognitive load for your users, and allow them to navigate the interface intuitively.Get feedback. Want to know if you’re onto a winning color palette? Conduct some user testing! Color palettes should never be a matter of personal preference, no matter how much you adore the colors you’ve chosen. As we saw when discussing color associations, the emotional response that color can illicit is not to be taken lightly; it can pretty much make or break the relationship a brand has with its customer base.Getting user feedback at the earliest opportunity will ensure you’re creating an interface using colors that your users will love. Find out how to conduct a user testing session in this comprehensive guide.8. The best tools for choosing a color palette. When it comes down to the actual task of choosing a color palette for your interface, it’s easy to feel like you have no idea where to start. Luckily, there is a myriad of helpful tools and online color palette generators currently available to give you a dose of inspiration and help you to choose a color palette for your design.Below, we’ve rounded up the three best tools for generating online color palettes. Take your pick!Adobe Color. Poised as the “bread and butter” resource for all digital creatives, Adobe Color has just about every color palette out there. Compared to other color scheme generators, Adobe Color is a lot more comprehensive—so don’t make it your go-to if you want something quick and simple. Among Adobe Colors’ key features is a color palette generator that pulls colors from the images you upload.Coolors. Coolors is a useful and beginner-friendly color palette generator, perfect for getting to grips with HEX codes. You can click through random premade color palettes, play around with shades and hues, and save your favorite colors to build your own custom palette. But it’s even more fun to play around with their generator. Once you find a color you love, simply copy-paste it into any external application and start designing!Adobe Illustrator color guide. Adobe Illustrator Color Guide sets itself apart with its popular ‘color guide’ feature. Once you’ve chosen a color, the color guide will generate a five-color palette for you. It will also provide you with a range of tints and shades for each color in the palette. If you switch your main color, the color guide will automatically refresh the corresponding colors to ensure your accent colors are complementary.9. Final thoughts. If you feel like this was a lot of information to take in, don’t worry! You don’t need to become an expert in color theory in order to be a successful UI designer. Color theory is an extremely complex science that many people dedicate their entire lives to studying. Grasping the basics will help you to understand the psychology behind choosing the perfect color palette for your website or app.Looking for some UI design inspiration? Check out these blog posts: 10 examples of beautiful blogs that have nailed their UI design How to improve your skills as a UI designer Mobile app UI design: 10 key principles for beginners
                            [kwBody] => Array
                                (
                                    [0] => stdClass Object
                                        (
                                            [term] => color
                                            [tf] => 226
                                        )

                                    [1] => stdClass Object
                                        (
                                            [term] => color palette
                                            [tf] => 49
                                        )

                                    [2] => stdClass Object
                                        (
                                            [term] => palette
                                            [tf] => 48
                                        )

                                    [3] => stdClass Object
                                        (
                                            [term] => interface
                                            [tf] => 17
                                        )

                                    [4] => stdClass Object
                                        (
                                            [term] => ui
                                            [tf] => 17
                                        )

                                    [5] => stdClass Object
                                        (
                                            [term] => designer
                                            [tf] => 15
                                        )

                                    [6] => stdClass Object
                                        (
                                            [term] => user
                                            [tf] => 14
                                        )

                                    [7] => stdClass Object
                                        (
                                            [term] => design
                                            [tf] => 14
                                        )

                                    [8] => stdClass Object
                                        (
                                            [term] => color wheel
                                            [tf] => 12
                                        )

                                    [9] => stdClass Object
                                        (
                                            [term] => theory
                                            [tf] => 11
                                        )

                                    [10] => stdClass Object
                                        (
                                            [term] => brand
                                            [tf] => 11
                                        )

                                    [11] => stdClass Object
                                        (
                                            [term] => wheel
                                            [tf] => 11
                                        )

                                    [12] => stdClass Object
                                        (
                                            [term] => shade
                                            [tf] => 11
                                        )

                                    [13] => stdClass Object
                                        (
                                            [term] => color theory
                                            [tf] => 10
                                        )

                                    [14] => stdClass Object
                                        (
                                            [term] => color color
                                            [tf] => 10
                                        )

                                    [15] => stdClass Object
                                        (
                                            [term] => choosing
                                            [tf] => 10
                                        )

                                    [16] => stdClass Object
                                        (
                                            [term] => model
                                            [tf] => 10
                                        )

                                    [17] => stdClass Object
                                        (
                                            [term] => color model
                                            [tf] => 9
                                        )

                                    [18] => stdClass Object
                                        (
                                            [term] => harmony
                                            [tf] => 9
                                        )

                                    [19] => stdClass Object
                                        (
                                            [term] => psychology
                                            [tf] => 9
                                        )

                                    [20] => stdClass Object
                                        (
                                            [term] => audience
                                            [tf] => 8
                                        )

                                    [21] => stdClass Object
                                        (
                                            [term] => red
                                            [tf] => 8
                                        )

                                    [22] => stdClass Object
                                        (
                                            [term] => guide
                                            [tf] => 8
                                        )

                                    [23] => stdClass Object
                                        (
                                            [term] => contrast
                                            [tf] => 8
                                        )

                                    [24] => stdClass Object
                                        (
                                            [term] => common
                                            [tf] => 8
                                        )

                                    [25] => stdClass Object
                                        (
                                            [term] => choosing color palette
                                            [tf] => 7
                                        )

                                    [26] => stdClass Object
                                        (
                                            [term] => color scheme
                                            [tf] => 7
                                        )

                                    [27] => stdClass Object
                                        (
                                            [term] => ui designer
                                            [tf] => 7
                                        )

                                    [28] => stdClass Object
                                        (
                                            [term] => choosing color
                                            [tf] => 7
                                        )

                                    [29] => stdClass Object
                                        (
                                            [term] => ui design
                                            [tf] => 7
                                        )

                                    [30] => stdClass Object
                                        (
                                            [term] => scheme
                                            [tf] => 7
                                        )

                                    [31] => stdClass Object
                                        (
                                            [term] => primary
                                            [tf] => 7
                                        )

                                    [32] => stdClass Object
                                        (
                                            [term] => blue
                                            [tf] => 7
                                        )

                                    [33] => stdClass Object
                                        (
                                            [term] => hue
                                            [tf] => 7
                                        )

                                    [34] => stdClass Object
                                        (
                                            [term] => black
                                            [tf] => 7
                                        )

                                    [35] => stdClass Object
                                        (
                                            [term] => include
                                            [tf] => 7
                                        )

                                    [36] => stdClass Object
                                        (
                                            [term] => complementary
                                            [tf] => 7
                                        )

                                    [37] => stdClass Object
                                        (
                                            [term] => association
                                            [tf] => 7
                                        )

                                    [38] => stdClass Object
                                        (
                                            [term] => color harmony
                                            [tf] => 6
                                        )

                                    [39] => stdClass Object
                                        (
                                            [term] => basic
                                            [tf] => 6
                                        )

                                    [40] => stdClass Object
                                        (
                                            [term] => tint
                                            [tf] => 6
                                        )

                                    [41] => stdClass Object
                                        (
                                            [term] => subtractive color model
                                            [tf] => 5
                                        )

                                    [42] => stdClass Object
                                        (
                                            [term] => call
                                            [tf] => 5
                                        )

                                    [43] => stdClass Object
                                        (
                                            [term] => tertiary color
                                            [tf] => 5
                                        )

                                    [44] => stdClass Object
                                        (
                                            [term] => target audience
                                            [tf] => 5
                                        )

                                    [45] => stdClass Object
                                        (
                                            [term] => introduction color
                                            [tf] => 5
                                        )

                                    [46] => stdClass Object
                                        (
                                            [term] => subtractive color
                                            [tf] => 5
                                        )

                                    [47] => stdClass Object
                                        (
                                            [term] => primary color
                                            [tf] => 5
                                        )

                                    [48] => stdClass Object
                                        (
                                            [term] => color psychology
                                            [tf] => 5
                                        )

                                    [49] => stdClass Object
                                        (
                                            [term] => user interface
                                            [tf] => 5
                                        )

                                    [50] => stdClass Object
                                        (
                                            [term] => complementary color
                                            [tf] => 5
                                        )

                                    [51] => stdClass Object
                                        (
                                            [term] => color guide
                                            [tf] => 5
                                        )

                                    [52] => stdClass Object
                                        (
                                            [term] => complementary color palette
                                            [tf] => 4
                                        )

                                    [53] => stdClass Object
                                        (
                                            [term] => additive subtractive
                                            [tf] => 4
                                        )

                                    [54] => stdClass Object
                                        (
                                            [term] => choose color
                                            [tf] => 4
                                        )

                                    [55] => stdClass Object
                                        (
                                            [term] => basic color
                                            [tf] => 4
                                        )

                                    [56] => stdClass Object
                                        (
                                            [term] => secondary color
                                            [tf] => 4
                                        )

                                    [57] => stdClass Object
                                        (
                                            [term] => common association
                                            [tf] => 4
                                        )

                                    [58] => stdClass Object
                                        (
                                            [term] => additive subtractive color
                                            [tf] => 3
                                        )

                                    [59] => stdClass Object
                                        (
                                            [term] => choose color palette
                                            [tf] => 3
                                        )

                                    [60] => stdClass Object
                                        (
                                            [term] => color tertiary color
                                            [tf] => 3
                                        )

                                    [61] => stdClass Object
                                        (
                                            [term] => color palette commonly
                                            [tf] => 3
                                        )

                                    [62] => stdClass Object
                                        (
                                            [term] => color palette generator
                                            [tf] => 3
                                        )

                                    [63] => stdClass Object
                                        (
                                            [term] => color variant
                                            [tf] => 3
                                        )

                                    [64] => stdClass Object
                                        (
                                            [term] => type color
                                            [tf] => 3
                                        )

                                    [65] => stdClass Object
                                        (
                                            [term] => color primary
                                            [tf] => 3
                                        )

                                    [66] => stdClass Object
                                        (
                                            [term] => color tertiary
                                            [tf] => 3
                                        )

                                    [67] => stdClass Object
                                        (
                                            [term] => emotional response
                                            [tf] => 3
                                        )

                                    [68] => stdClass Object
                                        (
                                            [term] => palette commonly
                                            [tf] => 3
                                        )

                                    [69] => stdClass Object
                                        (
                                            [term] => hex code
                                            [tf] => 3
                                        )

                                    [70] => stdClass Object
                                        (
                                            [term] => dominant color
                                            [tf] => 3
                                        )

                                    [71] => stdClass Object
                                        (
                                            [term] => color association
                                            [tf] => 3
                                        )

                                    [72] => stdClass Object
                                        (
                                            [term] => user testing
                                            [tf] => 3
                                        )

                                    [73] => stdClass Object
                                        (
                                            [term] => palette generator
                                            [tf] => 3
                                        )

                                    [74] => stdClass Object
                                        (
                                            [term] => adobe color
                                            [tf] => 3
                                        )

                                )

                            [page_rank_decimal] => 49
                            [rank] => 41500
                        )

                    [7] => stdClass Object
                        (
                            [position] => 8
                            [title] => The Fundamentals of Color Theory
                            [url] => https://99designs.co.uk/blog/tips/the-7-step-guide-to-understanding-color-theory/
                            [destination] => https://99designs.co.uk › blog › tips › the-7-step-guide-...
                            [description] => Color theory is both science and art. It explains how humans perceive color, as well as the subliminal (and often cultural) messages it communicates
                            [isAmp] => 
                            [organic_position] => 7
                            [serp_type] => page
                            [isOrganicPage] => 1
                            [isOrganic] => 1
                            [serp_title] => The fundamentals of understanding color theory - 99Designs
                            [serp_description] => Color theory is both the science and art of using color. It explains how humans perceive color; and the visual effects of how colors mix, match or contrast ...
                            [hostname] => 99designs.co.uk
                            [canonical] => https://99designs.co.uk/blog/tips/the-7-step-guide-to-understanding-color-theory/
                            [h1] => The fundamentals of understanding color theory
                            [h2] => Array
                                (
                                    [0] => Understanding color –
                                    [1] => The color wheel –
                                    [2] => Current design contests
                                )

                            [h3] => Array
                                (
                                    [0] => RGB: the additive color mixing model
                                    [1] => CMYK: the subtractive color mixing model
                                    [2] => Color wheel basics
                                    [3] => Hue, shade, tint and tone
                                    [4] => Color schemes
                                    [5] => But really, why should you care about color theory?
                                )

                            [h2WithAnchors] => Array
                                (
                                    [0] => stdClass Object
                                        (
                                            [text] => Understanding color –
                                        )

                                    [1] => stdClass Object
                                        (
                                            [text] => The color wheel –
                                        )

                                    [2] => stdClass Object
                                        (
                                            [text] => Current design contests
                                        )

                                )

                            [published_time] => stdClass Object
                                (
                                    [lastUpdate] => 
                                    [dateFormatted] => 27o February 2017
                                    [dateISO] => 2017-02-27T18:44:43+02:00
                                )

                            [modified_time] => stdClass Object
                                (
                                    [lastUpdate] => 
                                    [dateFormatted] => 7o July 2020
                                    [dateISO] => 2020-07-07T13:59:55+02:00
                                )

                            [type] => article
                            [wordCount] => 1934
                            [imgCount] => 24
                            [lang] => stdClass Object
                                (
                                    [langLinks] => Array
                                        (
                                            [0] => stdClass Object
                                                (
                                                    [lang] => en-us
                                                    [url] => https://99designs.com/blog/tips/the-7-step-guide-to-understanding-color-theory/
                                                )

                                            [1] => stdClass Object
                                                (
                                                    [lang] => en-au
                                                    [url] => https://99designs.com.au/blog/tips/the-7-step-guide-to-understanding-color-theory/
                                                )

                                            [2] => stdClass Object
                                                (
                                                    [lang] => en-ca
                                                    [url] => https://99designs.ca/blog/tips/the-7-step-guide-to-understanding-color-theory/
                                                )

                                            [3] => stdClass Object
                                                (
                                                    [lang] => en-gb
                                                    [url] => https://99designs.co.uk/blog/tips/the-7-step-guide-to-understanding-color-theory/
                                                )

                                            [4] => stdClass Object
                                                (
                                                    [lang] => en-ie
                                                    [url] => https://99designs.ie/blog/tips/the-7-step-guide-to-understanding-color-theory/
                                                )

                                            [5] => stdClass Object
                                                (
                                                    [lang] => en-de
                                                    [url] => https://en.99designs.de/blog/tips/the-7-step-guide-to-understanding-color-theory/
                                                )

                                            [6] => stdClass Object
                                                (
                                                    [lang] => en-dk
                                                    [url] => https://99designs.dk/blog/tips/the-7-step-guide-to-understanding-color-theory/
                                                )

                                            [7] => stdClass Object
                                                (
                                                    [lang] => en-fr
                                                    [url] => https://en.99designs.fr/blog/tips/the-7-step-guide-to-understanding-color-theory/
                                                )

                                            [8] => stdClass Object
                                                (
                                                    [lang] => en-it
                                                    [url] => https://en.99designs.it/blog/tips/the-7-step-guide-to-understanding-color-theory/
                                                )

                                            [9] => stdClass Object
                                                (
                                                    [lang] => en-no
                                                    [url] => https://99designs.no/blog/tips/the-7-step-guide-to-understanding-color-theory/
                                                )

                                            [10] => stdClass Object
                                                (
                                                    [lang] => en-nl
                                                    [url] => https://en.99designs.nl/blog/tips/the-7-step-guide-to-understanding-color-theory/
                                                )

                                            [11] => stdClass Object
                                                (
                                                    [lang] => en-br
                                                    [url] => https://en.99designs.com.br/blog/tips/the-7-step-guide-to-understanding-color-theory/
                                                )

                                            [12] => stdClass Object
                                                (
                                                    [lang] => en-pt
                                                    [url] => https://en.99designs.pt/blog/tips/the-7-step-guide-to-understanding-color-theory/
                                                )

                                            [13] => stdClass Object
                                                (
                                                    [lang] => en-cl
                                                    [url] => https://en.99designs.cl/blog/tips/the-7-step-guide-to-understanding-color-theory/
                                                )

                                            [14] => stdClass Object
                                                (
                                                    [lang] => en-co
                                                    [url] => https://en.99designs.com.co/blog/tips/the-7-step-guide-to-understanding-color-theory/
                                                )

                                            [15] => stdClass Object
                                                (
                                                    [lang] => en-mx
                                                    [url] => https://en.99designs.com.mx/blog/tips/the-7-step-guide-to-understanding-color-theory/
                                                )

                                            [16] => stdClass Object
                                                (
                                                    [lang] => en-es
                                                    [url] => https://en.99designs.es/blog/tips/the-7-step-guide-to-understanding-color-theory/
                                                )

                                            [17] => stdClass Object
                                                (
                                                    [lang] => en-jp
                                                    [url] => https://en.99designs.jp/blog/tips/the-7-step-guide-to-understanding-color-theory/
                                                )

                                            [18] => stdClass Object
                                                (
                                                    [lang] => en-ch
                                                    [url] => https://en.99designs.ch/blog/tips/the-7-step-guide-to-understanding-color-theory/
                                                )

                                            [19] => stdClass Object
                                                (
                                                    [lang] => en-hk
                                                    [url] => https://99designs.hk/blog/tips/the-7-step-guide-to-understanding-color-theory/
                                                )

                                            [20] => stdClass Object
                                                (
                                                    [lang] => en-sg
                                                    [url] => https://99designs.com.sg/blog/tips/the-7-step-guide-to-understanding-color-theory/
                                                )

                                            [21] => stdClass Object
                                                (
                                                    [lang] => en-be
                                                    [url] => https://en.99designs.be/blog/tips/the-7-step-guide-to-understanding-color-theory/
                                                )

                                            [22] => stdClass Object
                                                (
                                                    [lang] => en-at
                                                    [url] => https://en.99designs.at/blog/tips/the-7-step-guide-to-understanding-color-theory/
                                                )

                                            [23] => stdClass Object
                                                (
                                                    [lang] => fr-fr
                                                    [url] => https://99designs.fr/blog/conseils-design/la-theorie-des-couleurs/
                                                )

                                            [24] => stdClass Object
                                                (
                                                    [lang] => fr-ch
                                                    [url] => https://fr.99designs.ch/blog/conseils-design/la-theorie-des-couleurs/
                                                )

                                            [25] => stdClass Object
                                                (
                                                    [lang] => fr-be
                                                    [url] => https://fr.99designs.be/blog/conseils-design/la-theorie-des-couleurs/
                                                )

                                            [26] => stdClass Object
                                                (
                                                    [lang] => de-de
                                                    [url] => https://99designs.de/blog/design-tipps/grundlagen-der-farbenlehre/
                                                )

                                            [27] => stdClass Object
                                                (
                                                    [lang] => de-ch
                                                    [url] => https://99designs.ch/blog/design-tipps/grundlagen-der-farbenlehre/
                                                )

                                            [28] => stdClass Object
                                                (
                                                    [lang] => de-at
                                                    [url] => https://99designs.at/blog/design-tipps/grundlagen-der-farbenlehre/
                                                )

                                            [29] => stdClass Object
                                                (
                                                    [lang] => ja-jp
                                                    [url] => https://99designs.jp/blog/design-tips-ja/%e8%89%b2%e5%bd%a9%e7%90%86%e8%ab%96%e3%82%92%e7%90%86%e8%a7%a3%e3%81%99%e3%82%8b%e3%81%9f%e3%82%81%e3%81%ae7%e3%81%a4%e3%81%ae%e3%82%b7%e3%83%b3%e3%83%97%e3%83%ab%e3%81%aa%e4%ba%8b%e5%ae%9f/
                                                )

                                        )

                                    [size] => 30
                                    [string] => en-us / en-au / en-ca / en-gb / en-ie / en-de / en-dk / en-fr / en-it / en-no / en-nl / en-br / en-pt / en-cl / en-co / en-mx / en-es / en-jp / en-ch / en-hk / en-sg / en-be / en-at / fr-fr / fr-ch / fr-be / de-de / de-ch / de-at / ja-jp
                                )

                            [faq_on_page] => Array
                                (
                                )

                            [anchors] => stdClass Object
                                (
                                    [size] => 125
                                    [outboundSize] => 10
                                    [list] => Array
                                        (
                                            [0] => stdClass Object
                                                (
                                                    [text] => People decide whether or not they like a product in 90 seconds or less. 90% of that decision is based solely on color
                                                    [href] => http://twitter.com/share?url=https%3A%2F%2F99designs.co.uk%2Fblog%2Ftips%2Fthe-7-step-guide-to-understanding-color-theory%2F&text=People+decide+whether+or+not+they+like+a+product+in+90+seconds+or+less.+90%25+of+that+decision+is+base%E2%80%A6&via=99designs
                                                    [hrefDomain] => twitter.com
                                                    [rel] => noopener noreferrer
                                                    [isOutbound] => 1
                                                )

                                            [1] => stdClass Object
                                                (
                                                    [text] => this YouTube video
                                                    [href] => https://www.youtube.com/watch?v=KZ-mEddsYqo#t=1m24s
                                                    [hrefDomain] => youtube.com
                                                    [rel] => noopener noreferrer
                                                    [isOutbound] => 1
                                                )

                                            [2] => stdClass Object
                                                (
                                                    [text] => This video
                                                    [href] => https://www.youtube.com/watch?v=5inTryUaQyg
                                                    [hrefDomain] => youtube.com
                                                    [rel] => noopener noreferrer
                                                    [isOutbound] => 1
                                                )

                                            [3] => stdClass Object
                                                (
                                                    [text] => color combinations from hell
                                                    [href] => https://designwebkit.com/web-and-trends/color-combinations-hell-death-sentence-designs/
                                                    [hrefDomain] => designwebkit.com
                                                    [isOutbound] => 1
                                                )

                                            [4] => stdClass Object
                                                (
                                                    [text] => Facebook
                                                    [href] => https://www.facebook.com/99designs
                                                    [hrefDomain] => facebook.com
                                                    [isOutbound] => 1
                                                )

                                            [5] => stdClass Object
                                                (
                                                    [text] => Twitter
                                                    [href] => https://www.twitter.com/99designs
                                                    [hrefDomain] => twitter.com
                                                    [isOutbound] => 1
                                                )

                                            [6] => stdClass Object
                                                (
                                                    [text] => Pinterest
                                                    [href] => https://www.pinterest.com/99designs/
                                                    [hrefDomain] => pinterest.com
                                                    [isOutbound] => 1
                                                )

                                            [7] => stdClass Object
                                                (
                                                    [text] => LinkedIn
                                                    [href] => https://www.linkedin.com/company/99designs
                                                    [hrefDomain] => linkedin.com
                                                    [isOutbound] => 1
                                                )

                                            [8] => stdClass Object
                                                (
                                                    [text] => Tweet
                                                    [href] => http://twitter.com/share?url=https%3A%2F%2F99designs.co.uk%2Fblog%2Ftips%2Fthe-7-step-guide-to-understanding-color-theory%2F&text=The+fundamentals+of+understanding+color+theory via @99designs
                                                    [hrefDomain] => twitter.com
                                                    [isOutbound] => 1
                                                )

                                            [9] => stdClass Object
                                                (
                                                    [text] => Pin It
                                                    [href] => http://pinterest.com/pin/create/button/?url=https%3A%2F%2F99designs.co.uk%2Fblog%2Ftips%2Fthe-7-step-guide-to-understanding-color-theory%2F&media=https%3A%2F%2F99designs.co.uk%2Fblog%2Fwp-content%2Fuploads%2F2017%2F02%2Fsaksham-gangwar-175199-150x150.jpg&description=The+fundamentals+of+understanding+color+theory
                                                    [hrefDomain] => pinterest.com
                                                    [isOutbound] => 1
                                                )

                                        )

                                )

                            [toc] => Array
                                (
                                    [0] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => Understanding color
–. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                    [0] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => RGB: the additive color mixing model. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                    [0] => stdClass Object
                                                                        (
                                                                            [level] => 4
                                                                            [name] => Why should you care?
                                                                            [tag] => h4
                                                                            [children] => Array
                                                                                (
                                                                                )

                                                                        )

                                                                )

                                                        )

                                                    [1] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => CMYK: the subtractive color mixing model. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                    [0] => stdClass Object
                                                                        (
                                                                            [level] => 4
                                                                            [name] => Why should you care?
                                                                            [tag] => h4
                                                                            [children] => Array
                                                                                (
                                                                                )

                                                                        )

                                                                )

                                                        )

                                                )

                                        )

                                    [1] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => The color wheel
–. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                    [0] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Color wheel basics. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [1] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Hue, shade, tint and tone. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [2] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Color schemes. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                    [0] => stdClass Object
                                                                        (
                                                                            [level] => 4
                                                                            [name] => Complementary colors. 
                                                                            [tag] => h4
                                                                            [children] => Array
                                                                                (
                                                                                )

                                                                        )

                                                                    [1] => stdClass Object
                                                                        (
                                                                            [level] => 4
                                                                            [name] => Analogous colors. 
                                                                            [tag] => h4
                                                                            [children] => Array
                                                                                (
                                                                                )

                                                                        )

                                                                    [2] => stdClass Object
                                                                        (
                                                                            [level] => 4
                                                                            [name] => Triadic colors. 
                                                                            [tag] => h4
                                                                            [children] => Array
                                                                                (
                                                                                )

                                                                        )

                                                                )

                                                        )

                                                    [3] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => But really, why should you care about color theory?
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                    [0] => stdClass Object
                                                                        (
                                                                            [level] => 5
                                                                            [name] => 
			Need help branding your business?		
                                                                            [tag] => h5
                                                                            [children] => Array
                                                                                (
                                                                                    [0] => stdClass Object
                                                                                        (
                                                                                            [level] => 6
                                                                                            [name] => 
			Our designers can create the perfect look for your brand.		
                                                                                            [tag] => h6
                                                                                            [children] => Array
                                                                                                (
                                                                                                )

                                                                                        )

                                                                                )

                                                                        )

                                                                )

                                                        )

                                                )

                                        )

                                    [2] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => 
					Current design contests				. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                )

                            [og] => stdClass Object
                                (
                                    [ogImage] => https://99designs-blog.imgix.net/blog/wp-content/uploads/2017/02/Color-Wheel-2.gif?auto=format&q=60&fit=max&w=930
                                    [twitterImage] => https://99designs-blog.imgix.net/blog/wp-content/uploads/2017/02/Color-Wheel-2.gif?auto=format&q=60&fit=max&w=930
                                )

                            [schema_type] => Array
                                (
                                    [0] => WebSite
                                    [1] => BlogPosting
                                )

                            [comment_questions] => Array
                                (
                                )

                            [body] => The fundamentals of understanding color theory by Kris Decker Feb 27 2017 9 min read Learn design Design basics Logos, websites & more… Logos, websites, book covers & more… Get a design Color theory is both the science and art of using color. It explains how humans perceive color; and the visual effects of how colors mix, match or contrast with each other. Color theory also involves the messages colors communicate; and the methods used to replicate color. In color theory, colors are organized on a color wheel and grouped into 3 categories: primary colors, secondary colors and tertiary colors. More on that later. Via unsplash So why should you care about color theory as an entrepreneur? Why can’t you just slap some red on your packaging and be done with it? It worked for Coke, right? Color theory will help you build your brand. And that will help you get more sales. Let’s see how it all works. Understanding color –. People decide whether or not they like a product in 90 seconds or less. 90% of that decision is based solely on color. Color is perception. Our eyes see something (the sky, for example), and data sent from our eyes to our brains tells us it’s a certain color (blue). Objects reflect light in different combinations of wavelengths. Our brains pick up on those wavelength combinations and translate them into the phenomenon we call color. When you’re strolling down the soft drink aisle scanning the shelves filled with 82 million cans and bottles and trying to find your six-pack of Coke, what do you look for? The scripted logo or that familiar red can? People decide whether or not they like a product in 90 seconds or less. 90% of that decision is based solely on color. So, a very important part of your branding must focus on color. RGB: the additive color mixing model. Additive color mixing. If you (like me) have a hard time wrapping your head around how red and green mix together to make yellow, watch this YouTube video. Humans see colors in light waves. Mixing light—or the additive color mixing model—allows you to create colors by mixing red, green and blue light sources of various intensities. The more light you add, the brighter the color mix becomes. If you mix all three colors of light, you get pure, white light. TVs, screens and projectors use red, green and blue (RGB) as their primary colors, and then mix them together to create other colors. Why should you care? Let’s say you have a very distinct brand with a bright yellow logo. If you post the logo on Facebook, Twitter or your website and don’t use the correct color process, your logo will appear muddy instead of that bright yellow. That’s why, when working with files for any screen, use RGB, not CMYK. CMYK: the subtractive color mixing model. Any color you see on a physical surface (paper, signage, packaging, etc.) uses the subtractive color mixing model. Most people are more familiar with this color model because it’s what we learned in kindergarten when mixing finger paints. In this case, “subtractive” simply refers to the fact that you subtract the light from the paper by adding more color. Subtractive color mixing is pretty close to the paint mixing we did in grade school. This video does a great job visualizing the “subtractive” part of it. Traditionally, the primary colors used in subtractive process were red, yellow and blue, as these were the colors painters mixed to get all other hues. As color printing emerged, they were subsequently replaced with cyan, magenta, yellow and key/black (CMYK), as this color combo enables printers to produce a wider variety of colors on paper. Why should you care? You’ve decided to print a full-color brochure. If you’re investing all that money into your marketing (printing ain’t cheap!), you expect your printer is going to get the colors right. Since printing uses the subtractive color mixing method, getting accurate color reproduction can only be achieved by using CMYK. Using RGB will not only result in inaccurate color, but a big bill from your printer when you’re forced to ask them to reprint your entire run. The color wheel –. I don’t know about you, but when I was a kid, the best part about going back to school in the fall was getting that new, pristine 64-count box of Crayola crayons. The possibilities seemed endless. Until I’d inevitably lose the black crayon. Understanding the color wheel and color harmonies (what works, what doesn’t and how color communicates) is just as exciting as that new box of crayons. No really. Being able to understand the terms and processes that go along with color will help you knowledgeably communicate your vision with your designer, printer, or even (maybe) an Apple Store Genius. Color wheel basics. The first color wheel was designed by Sir Isaac Newton in 1666 so it absolutely predates your introduction to it in kindergarten. Artists and designers still use it to develop color harmonies, mixing and palettes. The color wheel consists of three primary colors (red, yellow, blue), three secondary colors (colors created when primary colors are mixed: green, orange, purple) and six tertiary colors (colors made from primary and secondary colors, such as blue-green or red-violet). Draw a line through the center of the wheel, and you’ll separate the warm colors (reds, oranges, yellows) from cool colors (blues, greens, purples). Warm colors are generally associated with energy, brightness, and action, whereas cool colors are often identified with calm, peace, and serenity. When you recognize that color has a temperature, you can understand how choosing all warm or all cool colors in a logo or on your website can impact your message. Hue, shade, tint and tone. Let’s go back to that 64-pack of crayons from our first day of school. (Remember “raw umber”? What is an umber anyway, and is it actually better raw than cooked?) Anyway, you might be wondering, how we got from the twelve colors on our original color wheel to all those crayons? That’s where tints, shades, and tones come in. Simply put, tints, tones and shades are variations of hues, or colors, on the color wheel. A tint is a hue to which white has been added. For example, red + white = pink. A shade is a hue to which black has been added. For example, red + black = burgundy. Finally, a tone is a color to which black and white (or grey) have been added. This darkens the original hue while making the color appear more subtle and less intense. Color schemes. Let’s talk schemes… (And not the kind that cartoon villains concoct. Bwahaha!) We’re talking color schemes. Using the color wheel, designers develop a color scheme for marketing materials. Complementary colors. Complementary colors are opposites on the color wheel—red and green, for example. Logo design by Wiell for Pepper Powered Because there’s a sharp contrast between the two colors, they can really make imagery pop, but overusing them can get tiresome. Think any shopping mall in December. That being said, using a complementary color scheme in your business marketing offers sharp contrast and clear differentiation between images. Analogous colors. Analogous colors sit next to one another on the color wheel—red, orange and yellow, for example. When creating an analogous color scheme, one color will dominate, one will support and another will accent. In business, analogous color schemes are not only pleasing to the eye, but can effectively instruct the consumer where and how to take action. The Tostitos website uses an analogous color scheme. Notice the bright orange navigation bar draws the eye to explore the site, and accent-colored links at the bottom direct hungry consumers with the munchies to “Buy Online.” Triadic colors. Triadic colors are evenly spaced around the color wheel and tend to be very bright and dynamic. Using a triadic color scheme in your marketing creates visual contrast and harmony simultaneously, making each item stand out while making the overall image pop. Burger King uses this color scheme quite successfully. Hey, is it lunchtime yet? But really, why should you care about color theory? Two words: branding and marketing. No wait, three words: branding, marketing and sales. With this basic knowledge about colors and color schemes, you’re prepared to make effective branding decisions. Like what color your logo should be. Or the emotions that colors evoke in a consumer and the psychology behind color choices on your website. Think it doesn’t matter? Take a look at this article on color combinations from hell. It just hurts. Not only can knowledge of color theory guide you in your own marketing, it can also help you better understand what your competition is doing. Web design by mute_workWeb design by Mila Jones CannWeb design by MercClass In a side-by-side comparison of three law firm web pages, you’ll notice a variety of analogous color schemes. Blue is generally associated with dependability, brown with masculinity, and yellow with competence and happiness. All of these are positive associations in a field that stereotypically has negative connotations, such as dishonesty or aggression. Making your brand stand out and appeal to your target, plus understanding that poor colors can mean poor sales—that’s why you should care about color theory. Need help branding your business? Our designers can create the perfect look for your brand. Get branding This article was originally written by Peter Vukovic and published in 2012. The current version has been updated with new information and examples. You're in! You proved us right again. Our newsletter is only for the coolest kids. And you’re one of ‘em. Get ready for amazing stuff in your inbox. Join the community Facebook Twitter Pinterest LinkedIn RSS by Tamara Milakovic Current design contests . Designers, check out these contests so you can start building your career. Get a design Designers, see opportunities Share Tweet Share Pin It Share Need a design? Logo design Web page design Brand guide T-shirt design Illustration or graphics See all 0% The Creative Edge Get inspired Learn design Build a business Grow an agency Look inside 99d 99designs HomeBrowse categoriesHow it worksFind a designerAgenciesDesign servicesDesign contests1-to-1 ProjectsFind a designerDiscover inspirationAgencies99designs Studio99designs SelectGet a designLogo designBusiness cardWeb page designBrand guideBrowse all categoriesSupport+44 20 3319 6464Help CenterResourcesPricingBecome a designerBlog design by Terbitbasuki Want design tips & business trends (and the occasional promotion) in your inbox? Subscribers to our newsletter have been scientifically proven to be smarter, better looking and at least 50% more awesome than average.
                            [kwBody] => Array
                                (
                                    [0] => stdClass Object
                                        (
                                            [term] => color
                                            [tf] => 111
                                        )

                                    [1] => stdClass Object
                                        (
                                            [term] => design
                                            [tf] => 17
                                        )

                                    [2] => stdClass Object
                                        (
                                            [term] => wheel
                                            [tf] => 13
                                        )

                                    [3] => stdClass Object
                                        (
                                            [term] => red
                                            [tf] => 13
                                        )

                                    [4] => stdClass Object
                                        (
                                            [term] => color wheel
                                            [tf] => 12
                                        )

                                    [5] => stdClass Object
                                        (
                                            [term] => mixing
                                            [tf] => 12
                                        )

                                    [6] => stdClass Object
                                        (
                                            [term] => scheme
                                            [tf] => 12
                                        )

                                    [7] => stdClass Object
                                        (
                                            [term] => color scheme
                                            [tf] => 11
                                        )

                                    [8] => stdClass Object
                                        (
                                            [term] => logo
                                            [tf] => 11
                                        )

                                    [9] => stdClass Object
                                        (
                                            [term] => light
                                            [tf] => 10
                                        )

                                    [10] => stdClass Object
                                        (
                                            [term] => color theory
                                            [tf] => 9
                                        )

                                    [11] => stdClass Object
                                        (
                                            [term] => theory
                                            [tf] => 9
                                        )

                                    [12] => stdClass Object
                                        (
                                            [term] => yellow
                                            [tf] => 9
                                        )

                                    [13] => stdClass Object
                                        (
                                            [term] => color mixing
                                            [tf] => 8
                                        )

                                    [14] => stdClass Object
                                        (
                                            [term] => blue
                                            [tf] => 8
                                        )

                                    [15] => stdClass Object
                                        (
                                            [term] => care
                                            [tf] => 7
                                        )

                                    [16] => stdClass Object
                                        (
                                            [term] => website
                                            [tf] => 7
                                        )

                                    [17] => stdClass Object
                                        (
                                            [term] => branding
                                            [tf] => 7
                                        )

                                    [18] => stdClass Object
                                        (
                                            [term] => green
                                            [tf] => 7
                                        )

                                    [19] => stdClass Object
                                        (
                                            [term] => subtractive
                                            [tf] => 7
                                        )

                                    [20] => stdClass Object
                                        (
                                            [term] => marketing
                                            [tf] => 7
                                        )

                                    [21] => stdClass Object
                                        (
                                            [term] => color color
                                            [tf] => 6
                                        )

                                    [22] => stdClass Object
                                        (
                                            [term] => analogou color
                                            [tf] => 6
                                        )

                                    [23] => stdClass Object
                                        (
                                            [term] => model
                                            [tf] => 6
                                        )

                                    [24] => stdClass Object
                                        (
                                            [term] => primary
                                            [tf] => 6
                                        )

                                    [25] => stdClass Object
                                        (
                                            [term] => example
                                            [tf] => 6
                                        )

                                    [26] => stdClass Object
                                        (
                                            [term] => hue
                                            [tf] => 6
                                        )

                                    [27] => stdClass Object
                                        (
                                            [term] => designer
                                            [tf] => 6
                                        )

                                    [28] => stdClass Object
                                        (
                                            [term] => analogou
                                            [tf] => 6
                                        )

                                    [29] => stdClass Object
                                        (
                                            [term] => logo website
                                            [tf] => 5
                                        )

                                    [30] => stdClass Object
                                        (
                                            [term] => mixing model
                                            [tf] => 5
                                        )

                                    [31] => stdClass Object
                                        (
                                            [term] => primary color
                                            [tf] => 5
                                        )

                                    [32] => stdClass Object
                                        (
                                            [term] => mix
                                            [tf] => 5
                                        )

                                    [33] => stdClass Object
                                        (
                                            [term] => brand
                                            [tf] => 5
                                        )

                                    [34] => stdClass Object
                                        (
                                            [term] => crayon
                                            [tf] => 5
                                        )

                                    [35] => stdClass Object
                                        (
                                            [term] => business
                                            [tf] => 5
                                        )

                                    [36] => stdClass Object
                                        (
                                            [term] => color mixing model
                                            [tf] => 4
                                        )

                                    [37] => stdClass Object
                                        (
                                            [term] => subtractive color mixing
                                            [tf] => 4
                                        )

                                    [38] => stdClass Object
                                        (
                                            [term] => analogou color scheme
                                            [tf] => 4
                                        )

                                    [39] => stdClass Object
                                        (
                                            [term] => care color
                                            [tf] => 4
                                        )

                                    [40] => stdClass Object
                                        (
                                            [term] => additive color
                                            [tf] => 4
                                        )

                                    [41] => stdClass Object
                                        (
                                            [term] => red green
                                            [tf] => 4
                                        )

                                    [42] => stdClass Object
                                        (
                                            [term] => subtractive color
                                            [tf] => 4
                                        )

                                    [43] => stdClass Object
                                        (
                                            [term] => tint
                                            [tf] => 4
                                        )

                                    [44] => stdClass Object
                                        (
                                            [term] => tone
                                            [tf] => 4
                                        )

                                    [45] => stdClass Object
                                        (
                                            [term] => making
                                            [tf] => 4
                                        )

                                    [46] => stdClass Object
                                        (
                                            [term] => care color theory
                                            [tf] => 3
                                        )

                                    [47] => stdClass Object
                                        (
                                            [term] => additive color mixing
                                            [tf] => 3
                                        )

                                    [48] => stdClass Object
                                        (
                                            [term] => understanding color
                                            [tf] => 3
                                        )

                                    [49] => stdClass Object
                                        (
                                            [term] => color mix
                                            [tf] => 3
                                        )

                                    [50] => stdClass Object
                                        (
                                            [term] => secondary color
                                            [tf] => 3
                                        )

                                    [51] => stdClass Object
                                        (
                                            [term] => color blue
                                            [tf] => 3
                                        )

                                    [52] => stdClass Object
                                        (
                                            [term] => cool color
                                            [tf] => 3
                                        )

                                    [53] => stdClass Object
                                        (
                                            [term] => complementary color
                                            [tf] => 3
                                        )

                                    [54] => stdClass Object
                                        (
                                            [term] => triadic color
                                            [tf] => 3
                                        )

                                )

                            [page_rank_decimal] => 46
                            [rank] => 422052
                        )

                    [8] => stdClass Object
                        (
                            [position] => 9
                            [title] => The Ultimate Guide to Color Theory for Designers
                            [url] => https://www.vandelaydesign.com/ultimate-guide-color-theory-designers/
                            [destination] => https://www.vandelaydesign.com › ultimate-guide-color...
                            [description] => Color theory involves the techniques of picking a matching color series. In this ultimate guide, read how color theory is applied to web and graphic design
                            [isAmp] => 
                            [date] => 10 Dec 2014
                            [organic_position] => 8
                            [serp_type] => page
                            [isOrganicPage] => 1
                            [isOrganic] => 1
                            [serp_title] => The Ultimate Guide to Color Theory for Designers
                            [serp_description] => Saturation (or chroma) relates to the level of purity and vibrancy in a color. · Complementary colors are opposite on the color wheel and ...
                            [hostname] => vandelaydesign.com
                            [canonical] => https://www.vandelaydesign.com/ultimate-guide-color-theory-designers/
                            [h1] => Ultimate Guide to Color Theory for Designers
                            [h2] => Array
                                (
                                )

                            [h3] => Array
                                (
                                    [0] => The Purpose of Color
                                    [1] => HSV Basics
                                    [2] => Harmonic Patterns
                                    [3] => Color Contrast
                                    [4] => Avoid Pure Black
                                    [5] => Refining Color Schemes
                                    [6] => Online Tools & Webapps
                                    [7] => Browser Extensions
                                    [8] => Nicely-Colored Websites
                                    [9] => Closing
                                    [10] => Related Articles
                                )

                            [h2WithAnchors] => Array
                                (
                                )

                            [published_time] => stdClass Object
                                (
                                    [lastUpdate] => 
                                    [dateFormatted] => 11o December 2015
                                    [dateISO] => 2015-12-11T06:01:45+00:00
                                )

                            [modified_time] => stdClass Object
                                (
                                    [lastUpdate] => 
                                    [dateFormatted] => 10o December 2014
                                    [dateISO] => 2014-12-10T23:31:29+00:00
                                )

                            [type] => article
                            [wordCount] => 2841
                            [imgCount] => 23
                            [lang] => 
                            [faq_on_page] => Array
                                (
                                )

                            [anchors] => stdClass Object
                                (
                                    [size] => 51
                                    [outboundSize] => 38
                                    [list] => Array
                                        (
                                            [0] => stdClass Object
                                                (
                                                    [text] => 01-painting-outside-design-colors
                                                    [href] => https://www.flickr.com/photos/roome/14339965162
                                                    [hrefDomain] => flickr.com
                                                    [isOutbound] => 1
                                                )

                                            [1] => stdClass Object
                                                (
                                                    [text] => Munsell color system
                                                    [href] => https://en.wikipedia.org/wiki/Munsell_color_system
                                                    [hrefDomain] => wikipedia.org
                                                    [isOutbound] => 1
                                                )

                                            [2] => stdClass Object
                                                (
                                                    [text] => 03-munsell-color-system-diagram
                                                    [href] => https://en.wikipedia.org/wiki/Munsell_color_system
                                                    [hrefDomain] => wikipedia.org
                                                    [isOutbound] => 1
                                                )

                                            [3] => stdClass Object
                                                (
                                                    [text] => handy resources online
                                                    [href] => http://paletton.com/
                                                    [hrefDomain] => paletton.com
                                                    [isOutbound] => 1
                                                )

                                            [4] => stdClass Object
                                                (
                                                    [text] => this color harmonies page
                                                    [href] => http://www.tigercolor.com/color-lab/color-theory/color-harmonies.htm
                                                    [hrefDomain] => tigercolor.com
                                                    [isOutbound] => 1
                                                )

                                            [5] => stdClass Object
                                                (
                                                    [text] => 04-complementary-color-match
                                                    [href] => https://blog.kissmetrics.com/art-of-color-coordination/?wide=1
                                                    [hrefDomain] => kissmetrics.com
                                                    [isOutbound] => 1
                                                )

                                            [6] => stdClass Object
                                                (
                                                    [text] => 05-analogous-color-matching
                                                    [href] => https://blog.kissmetrics.com/art-of-color-coordination/?wide=1
                                                    [hrefDomain] => kissmetrics.com
                                                    [isOutbound] => 1
                                                )

                                            [7] => stdClass Object
                                                (
                                                    [text] => 06-triadic-color-scheme-match
                                                    [href] => https://blog.kissmetrics.com/art-of-color-coordination/?wide=1
                                                    [hrefDomain] => kissmetrics.com
                                                    [isOutbound] => 1
                                                )

                                            [8] => stdClass Object
                                                (
                                                    [text] => 07-split-complementary-color-scheme
                                                    [href] => https://blog.kissmetrics.com/art-of-color-coordination/?wide=1
                                                    [hrefDomain] => kissmetrics.com
                                                    [isOutbound] => 1
                                                )

                                            [9] => stdClass Object
                                                (
                                                    [text] => 08-tetradic-color-scheme-match
                                                    [href] => https://blog.kissmetrics.com/art-of-color-coordination/?wide=1
                                                    [hrefDomain] => kissmetrics.com
                                                    [isOutbound] => 1
                                                )

                                            [10] => stdClass Object
                                                (
                                                    [text] => 09-duplos-ricardo-mestre-portfolio
                                                    [href] => http://duplos.org/
                                                    [hrefDomain] => duplos.org
                                                    [isOutbound] => 1
                                                )

                                            [11] => stdClass Object
                                                (
                                                    [text] => Duplos
                                                    [href] => http://duplos.org/
                                                    [hrefDomain] => duplos.org
                                                    [isOutbound] => 1
                                                )

                                            [12] => stdClass Object
                                                (
                                                    [text] => Never Use Black
                                                    [href] => http://ianstormtaylor.com/design-tip-never-use-black/
                                                    [hrefDomain] => ianstormtaylor.com
                                                    [isOutbound] => 1
                                                )

                                            [13] => stdClass Object
                                                (
                                                    [text] => online tools for guidance
                                                    [href] => http://mudcu.be/sphere/
                                                    [hrefDomain] => mudcu.be
                                                    [isOutbound] => 1
                                                )

                                            [14] => stdClass Object
                                                (
                                                    [text] => 10-paletton-color-picker-webapp
                                                    [href] => http://paletton.com/
                                                    [hrefDomain] => paletton.com
                                                    [isOutbound] => 1
                                                )

                                            [15] => stdClass Object
                                                (
                                                    [text] => Paletton
                                                    [href] => http://paletton.com/
                                                    [hrefDomain] => paletton.com
                                                    [isOutbound] => 1
                                                )

                                            [16] => stdClass Object
                                                (
                                                    [text] => 11-adobe-color-kuler-cc-homepage
                                                    [href] => https://color.adobe.com/
                                                    [hrefDomain] => adobe.com
                                                    [isOutbound] => 1
                                                )

                                            [17] => stdClass Object
                                                (
                                                    [text] => Adobe Color
                                                    [href] => https://color.adobe.com/
                                                    [hrefDomain] => adobe.com
                                                    [isOutbound] => 1
                                                )

                                            [18] => stdClass Object
                                                (
                                                    [text] => 12-colorschemer-color-scheme-gallery-webpage
                                                    [href] => http://www.colorschemer.com/
                                                    [hrefDomain] => colorschemer.com
                                                    [isOutbound] => 1
                                                )

                                            [19] => stdClass Object
                                                (
                                                    [text] => ColorSchemer
                                                    [href] => http://www.colorschemer.com/
                                                    [hrefDomain] => colorschemer.com
                                                    [isOutbound] => 1
                                                )

                                            [20] => stdClass Object
                                                (
                                                    [text] => color scheme gallery
                                                    [href] => http://www.colorschemer.com/schemes/
                                                    [hrefDomain] => colorschemer.com
                                                    [isOutbound] => 1
                                                )

                                            [21] => stdClass Object
                                                (
                                                    [text] => 13-colrd-color-scheme-generator-photos
                                                    [href] => http://colrd.com/
                                                    [hrefDomain] => colrd.com
                                                    [isOutbound] => 1
                                                )

                                            [22] => stdClass Object
                                                (
                                                    [text] => Colrd
                                                    [href] => http://colrd.com/
                                                    [hrefDomain] => colrd.com
                                                    [isOutbound] => 1
                                                )

                                            [23] => stdClass Object
                                                (
                                                    [text] => Check My Colours
                                                    [href] => http://www.checkmycolours.com/
                                                    [hrefDomain] => checkmycolours.com
                                                    [isOutbound] => 1
                                                )

                                            [24] => stdClass Object
                                                (
                                                    [text] => 14-check-my-colours-color-matcher-webapp
                                                    [href] => http://www.checkmycolours.com/
                                                    [hrefDomain] => checkmycolours.com
                                                    [isOutbound] => 1
                                                )

                                            [25] => stdClass Object
                                                (
                                                    [text] => 15-google-chrome-chroma-color-picker
                                                    [href] => https://chrome.google.com/webstore/detail/chroma/gefgglgjdlddcpcapigheknbacbmmggp
                                                    [hrefDomain] => google.com
                                                    [isOutbound] => 1
                                                )

                                            [26] => stdClass Object
                                                (
                                                    [text] => Chroma
                                                    [href] => https://chrome.google.com/webstore/detail/chroma/gefgglgjdlddcpcapigheknbacbmmggp
                                                    [hrefDomain] => google.com
                                                    [isOutbound] => 1
                                                )

                                            [27] => stdClass Object
                                                (
                                                    [text] => ColorZilla
                                                    [href] => https://addons.mozilla.org/en-us/firefox/addon/colorzilla/
                                                    [hrefDomain] => mozilla.org
                                                    [isOutbound] => 1
                                                )

                                            [28] => stdClass Object
                                                (
                                                    [text] => 16-opera-color-picker-browser-extension
                                                    [href] => https://addons.opera.com/en/extensions/details/color-picker/
                                                    [hrefDomain] => opera.com
                                                    [isOutbound] => 1
                                                )

                                            [29] => stdClass Object
                                                (
                                                    [text] => Color Picker
                                                    [href] => https://addons.opera.com/en/extensions/details/color-picker/
                                                    [hrefDomain] => opera.com
                                                    [isOutbound] => 1
                                                )

                                            [30] => stdClass Object
                                                (
                                                    [text] => 17-barcamp-omaha-2014-colorful-website
                                                    [href] => http://barcampomaha.org/
                                                    [hrefDomain] => barcampomaha.org
                                                    [isOutbound] => 1
                                                )

                                            [31] => stdClass Object
                                                (
                                                    [text] => Barcamp Omaha 2014
                                                    [href] => http://barcampomaha.org/
                                                    [hrefDomain] => barcampomaha.org
                                                    [isOutbound] => 1
                                                )

                                            [32] => stdClass Object
                                                (
                                                    [text] => 18-iforex-water-consumption-website-colors
                                                    [href] => http://blog.iforex.com/water/
                                                    [hrefDomain] => iforex.com
                                                    [isOutbound] => 1
                                                )

                                            [33] => stdClass Object
                                                (
                                                    [text] => iForex Water
                                                    [href] => http://blog.iforex.com/water/
                                                    [hrefDomain] => iforex.com
                                                    [isOutbound] => 1
                                                )

                                            [34] => stdClass Object
                                                (
                                                    [text] => Digimurai
                                                    [href] => http://www.digimurai.com/
                                                    [hrefDomain] => digimurai.com
                                                    [isOutbound] => 1
                                                )

                                            [35] => stdClass Object
                                                (
                                                    [text] => 19-digimurai-dark-blue-orange-colors
                                                    [href] => http://www.digimurai.com/
                                                    [hrefDomain] => digimurai.com
                                                    [isOutbound] => 1
                                                )

                                            [36] => stdClass Object
                                                (
                                                    [text] => on his website
                                                    [href] => https://jakerocheleau.com/
                                                    [hrefDomain] => jakerocheleau.com
                                                    [isOutbound] => 1
                                                )

                                            [37] => stdClass Object
                                                (
                                                    [text] => @jakerocheleau
                                                    [href] => https://twitter.com/jakerocheleau
                                                    [hrefDomain] => twitter.com
                                                    [isOutbound] => 1
                                                )

                                        )

                                )

                            [toc] => Array
                                (
                                    [0] => stdClass Object
                                        (
                                            [level] => 3
                                            [name] => The Purpose of Color. 
                                            [tag] => h3
                                            [children] => Array
                                                (
                                                    [0] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => HSV Basics. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [1] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Harmonic Patterns. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [2] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Color Contrast. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [3] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Avoid Pure Black. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [4] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Refining Color Schemes. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [5] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Online Tools & Webapps. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [6] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Browser Extensions. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [7] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Nicely-Colored Websites. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [8] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Closing. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [9] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Related Articles. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                )

                                        )

                                )

                            [og] => stdClass Object
                                (
                                    [ogImage] => https://www.vandelaydesign.com/wp-content/uploads/colortheory.jpg
                                )

                            [schema_type] => Array
                                (
                                )

                            [comment_questions] => Array
                                (
                                )

                            [body] => Ultimate Guide to Color Theory for Designers ByJake Rocheleau PublishedDecember 11, 2015December 10, 2014 Vandelay Design may receive compensation from companies, products, and services covered on our site. For more details, please refer to our Disclosure page. If a picture is worth 1000 words, then how much can we say about an interface? Well it turns out quite a lot, and there’s often many different topics worthy of discussion. One such topic is color theory which comprises the basic techniques of picking a matching color series. The colors you choose when designing your website can convey different thoughts and emotions about your brand, so it’s imperative you choose the right colors for your brand. For example, if you were building a website about top beaches in the U.S. verses if you were creating an online store that offered daily deals like Groupon, you’d want to use very different color combinations when designing each site since they convey differing messages – one site conveys relaxation while the other conveys adrenaline pumping excitement for getting an awesome deal. This guide explores the subject of color relative to web and graphic design. The information is meant to be introductory while also getting into more applicable topics for digital designers. Advanced color theory is something best learned through practice rather than theory, but in order to improve, you have to start somewhere. Along with helpful tips and ideas for designing with color, you’ll also find plenty of valuable resources interspersed throughout the article. The Purpose of Color. Delving into color from an artistic perspective should make the topic more lucid. There is a major difference between a drawing and a painting, yet they can both emanate similar information. This is true in any type of design including web design. The purpose of color is to deliver a more impactful experience to the viewer. Websites could be designed completely in black and white just like a graphite pencil drawing. But there would be a lot of missing information, emotionally and tonally. In fact there are plenty of black and white websites online, but most of them are minimalist and simplified. Adding color into a layout provides a richer canvas for expression. Graphics, fonts, buttons, hyperlinks, everything can be styled in a way to match an overarching tone. For example the color of a vineyard website might be different than that of an aquarium site. Why? Because those two types of websites are trying to convey a different meaning, purpose, or emotion to the audience. So when thinking about color, keep in mind that it has very little to do with the page structure. You should be able to structure a layout using only grey and still get the message across. Color has more to do with the page flow and how information is conveyed to the visitor. HSV Basics. Most color theory articles discuss the ideas behind each color and the emotions they exhibit. I think the topic of emotion is much more subjective, and while it is accurate, choosing a color scheme often goes beyond just mood. Instead I want to examine how color works together and how to begin practicing on your own. A good place to start is the Hue, Saturation, and Value scale (or HSV). You should understand all of these terms as a measurement of color, but I’ll go out and say that value is exceptionally important. Value is what you get in a black and white picture – nothing but shades of greys. Taking a website screenshot and converting it to grayscale will show you the raw values. With that said, value should be recognized as the spectrum from dark to light. Hue relates to the traditional color wheel from grade school which measures actual color like blue, red, or yellow. Hue is fairly straightforward, but you can internalize the concept by memorizing the color wheel. Saturation (or chroma) relates to the level of purity and vibrancy in a color. Most people recognize saturation as the comparison between banana yellow and pastel yellow. Pastels are much more “washed out” and seem less vibrant because they have a lower level of saturation. Take a look at the following diagram from the Munsell color system to get a better understanding: This diagram is worthy of comprehension because colors are all relative. So a “cool” color like blue might not be seen as cool if it’s used in the lights alongside a warmer color in the darks. Color theory is a strange topic because it mostly works in relation to other colors. This probably doesn’t make sense right now, but it will as you study examples and spend more time practicing on real project work. Harmonic Patterns. There are quite a few different patterns you can follow when choosing a color scheme. Granted not everyone understands how to pick out colors, and thankfully there are handy resources online to help with this task. I think this color harmonies page does an excellent job recapping examples, but let’s cover some of the more interesting choices. Complementary colors are opposite on the color wheel and typically produce a lot of contrast. For example purple icons on a yellow background should stand out with a certain vibrancy expected of high-contrast matching. Naturally this would depend on the level of saturation in each color which is best understood through practice. Just remember: opposites contrast! Analogous colors are located right next to each other on the color wheel. It should be apparent this color scheme does not produce a high level of contrast. But it’s still useful when designing graphics, banners, textures, or backgrounds that need to match throughout a webpage. Not everything in the layout should be high-contrast. Triadic colors are three separate colors which are equidistant apart on the color wheel. When toying with this color scheme, it’s important to let one color be more dominant than the others. Balance is achieved by working with the colors to decide how they should fit into the overall layout. Saturation plays a role, but still doesn’t change much regarding the overall color scheme pattern. Split-complementary colors are very much like the original complementary scheme with a slight variation. Starting from one point on the color wheel, this scheme uses two others which are adjacent to the opposite color. The matchup is less harsh than a direct complimentary pairing while also offering a little wiggle room for color choice. Tetradic colors are the most difficult to harmonize, yet the richest when balanced properly. This color scheme uses two pairs of complementary colors which are 2 spaces apart. I wouldn’t recommend starting with this scheme because it can be difficult to command without experience. However it can work beautifully in larger designs, so it is worth keeping in mind. Color Contrast. The subject of contrast appears perpetually in regards to web design. Contrast is the level of clarity between two objects on the page. Most notably this includes text like paragraphs, links, and headings. If there’s not enough contrast between the text and background colors, then text is rendered unreadable (either too bright or too dim). The safest choice is to always revert back to a value scale – grey on white or white on grey. Dark text is always much more visible on a lighter background and vice-versa. However some colors frequently produce a jarring effect, like red and green. This juxtaposition is beautifully artistic in some cases but not every case. You have to be careful when picking colors for links and buttons that appear on colorful areas of a layout. Looking at the homepage for Duplos, you can see a handful of various speech bubbles using the same white text. Since the background colors are dark enough, text is readable in every situation. This is a worthy goal to aim for and not just with text-based interfaces. Consider the level of contrast needed for icons or call-to-action buttons. High-contrast elements with balance naturally draw attention. When a certain button or signup field requires more attention, higher contrast is often a great solution. Color is able to produce balanced contrast when used properly. Avoid Pure Black. Some more advice taken from the world of fine art is to avoid pure black. When you look at objects in real life, you almost never see pure black. Things may look very dark, but it’s unlikely that their HEX value would be #000. You might even try snapping photographs and testing the HEX values in Photoshop. Recently I found an article written by Ian Storm Taylor entitled Never Use Black. He states that by avoiding pure black colors in an interface will reflect real-world believability. This may be a tendentious claim, but over the years I’ve found it to be excellent advice. As practice for this concept try to avoid #000 when working on lighter backgrounds. Instead opt towards a darker grey with the potential of a mixed color (dark blue, dark green, dark orange, etc). I’ve always found that grey text on a white background is 10x more readable than pure black text. The abyss of pure black has a very large contrast in comparison with other colors. At this point I find it annoying even though it doesn’t make that much of a difference. But even a slightly positive difference is still a difference, so my advice would be to avoid #000 altogether. Refining Color Schemes. When first getting started in color theory, it might be easiest to start with a single color and use online tools for guidance. Nobody is born with an innate understanding of color selection. But with constant repetition, it becomes like second nature. The time to choose a color scheme would be after starting a web project and gathering ideas (wireframing, sketches, page elements). This could happen before or after designing a simple mockup, but the process is still the same. Just select a color that could work nicely with the layout based on content, form, style, or emotion. Online webapps such as Paletton are indispensable when it comes to early scheme design. You input a single color and then select which matching scheme you prefer (analogous, triadic, tetradic, etc). Each color scheme allows for an additional complement which is opposite your chosen color. Paletton is my personal favorite because it offers a series of relative colors based on adjustments in saturation. It also offers preset schemes based on the same range of colors you’ve chosen. And best of all, it’s completely free! The other popular choice is Adobe Color, which has very similar options but also comes with a slightly more complex interface. You still choose between color scheme matches based on a single color input. However Adobe Color uses a color wheel to demonstrate the matching color choices. Every color is flexible and easy to move while maintaining consistency within the pattern of colors. When it comes to refining your own color scheme, I would highly recommend either of these two options. They’re both free web-based tools that provide enough functionality to get you started building lovely and colorful projects. Online Tools & Webapps. Aside from the amazingly helpful color scheme generators, there are other tools worth saving for future reference. I find these tools and resources to be most helpful in relation to digital design like graphics or website layouts. But you should pick and choose the resources which prove to be the most beneficial to your workflow. If you’re looking for pre-built color schemes, there are plenty of websites available. One option is ColorSchemer which has a lot of extras like a mobile application and desktop software. But the website itself is free and offers a large color scheme gallery built by users. Another option is Colrd which pulls colors out of photos and other graphics. This is a curious web application because it doesn’t always prove useful in the realm of web design. But there’s a lot you can learn by studying photographs and the colors associated with them. A general rule of thumb is that nature always gets it right, so if you study life and photographs you’ll recognize new ideas for matching color. But when it comes to digital design, there’s a lot you can learn by studying other websites. An online tool Check My Colours will pull any website and check the contrast between text and background colors. This is an excellent resource for testing other websites along with your own designs. The results are listed in a table format explaining the difference in contrast and brightness for each page element. It certainly isn’t perfect, but it does offer a fantastic starting point for new designers. Browser Extensions. Most of us know about the color picker found in Adobe products like Photoshop or Illustrator. This is a much-needed tool because it offers the full spectrum of colors along with an RGB and HEX value. But most web browsers have plugins that can replicate a similar color picker. Chroma is a free Google Chrome extension which is meant for designers and color enthusiasts. It comes with a typical color picker both square and circular, along with a wide range of color matching tools. Mozilla Firefox has a similar extension named ColorZilla which includes the eyedropper functionality for picking out a color from a webpage. If you’re an Opera user, then check out the extension aptly named Color Picker. It has the same interface style as you’d find in Photoshop which makes it more familiar than Aunt Gertrude’s cheek hug. With the right extensions, all of these browsers can be converted into color resources without even touching another program. Nicely-Colored Websites. Instead of just listing a gallery of websites, I’d like to unravel the color choices of specific examples. These examples may not be the absolute pinnacle of color matching, but they do provide a reliable learning experience for web designers. The website for Barcamp Omaha 2014 uses a lot of different colors in successive page areas. What stands out the most is that text has been designed to blend nicely into each background section. The items which have the most contrast are often graphics or buttons on the page. You can see this effect all throughout the website down to the footer links. While this may not be the best style for every site, it serves as an excellent example of color blending. The page is easy to read but doesn’t feel overly-contrasted with bright vibrant content. Finding a sweet balance of color is the ultimate task for a designer. iForex Water is a parallax website showcasing information about water consumption. Unlike my last example, this site uses the same colors in each section although the background is continuously changing. But because the colors are all dark, they still work as backgrounds. This example is an interesting comparison which shows that you can match colors appropriately given the right circumstances. Also notice the change in color relationships when scrolling between different sections. In the world of color theory, the best results are relative. Digimurai is a simpler but exemplary website on the topic of color theory. It should be obvious that the layout focuses predominantly on a shade of dark blue. This comes across as the dominant color and consumes a majority of the design. But you will notice throughout the layout, there are other highlighted tones. Small splashes of orange and light blue stand out conspicuously against the darker background. Keep this in mind when picking a color scheme because it is possible to design brilliant websites using only 2 or 3 distinct hues. Closing. Ultimately I hope this guide can offer a reliable starting point for digital artists and web designers. Color theory is very much like music theory where the primary lessons are learned through practice rather than traditional analyzation. But getting started can be troublesome until you have the basic concepts down and some resources to move things along. If you really want to understand the process of selecting a color scheme, just keep practicing. Don’t be surprised if your first couple of attempts aren’t so great – in fact you should expect bad results in the beginning. As you continue to practice with new projects and new methods of color selection, everything will become easier with time. Related Articles. The Psychology of Color in Web Design Color Palette Tools for Designers 5 Great Tools for Finding Color Inspiration 25 Beautifully Colorful Websites Methods for Choosing Color Schemes in Web Design Jake Rocheleau Jake is a writer and user experience designer on the web. He currently publishes articles related to user experience and user interface design. Find out more on his website or you can follow his updates on Twitter @jakerocheleau Scroll to top Scroll to top
                            [kwBody] => Array
                                (
                                    [0] => stdClass Object
                                        (
                                            [term] => color
                                            [tf] => 121
                                        )

                                    [1] => stdClass Object
                                        (
                                            [term] => website
                                            [tf] => 26
                                        )

                                    [2] => stdClass Object
                                        (
                                            [term] => scheme
                                            [tf] => 23
                                        )

                                    [3] => stdClass Object
                                        (
                                            [term] => color scheme
                                            [tf] => 17
                                        )

                                    [4] => stdClass Object
                                        (
                                            [term] => contrast
                                            [tf] => 17
                                        )

                                    [5] => stdClass Object
                                        (
                                            [term] => design
                                            [tf] => 16
                                        )

                                    [6] => stdClass Object
                                        (
                                            [term] => web
                                            [tf] => 14
                                        )

                                    [7] => stdClass Object
                                        (
                                            [term] => black
                                            [tf] => 13
                                        )

                                    [8] => stdClass Object
                                        (
                                            [term] => background
                                            [tf] => 12
                                        )

                                    [9] => stdClass Object
                                        (
                                            [term] => theory
                                            [tf] => 11
                                        )

                                    [10] => stdClass Object
                                        (
                                            [term] => text
                                            [tf] => 11
                                        )

                                    [11] => stdClass Object
                                        (
                                            [term] => white
                                            [tf] => 10
                                        )

                                    [12] => stdClass Object
                                        (
                                            [term] => designer
                                            [tf] => 10
                                        )

                                    [13] => stdClass Object
                                        (
                                            [term] => page
                                            [tf] => 10
                                        )

                                    [14] => stdClass Object
                                        (
                                            [term] => example
                                            [tf] => 10
                                        )

                                    [15] => stdClass Object
                                        (
                                            [term] => dark
                                            [tf] => 10
                                        )

                                    [16] => stdClass Object
                                        (
                                            [term] => tool
                                            [tf] => 10
                                        )

                                    [17] => stdClass Object
                                        (
                                            [term] => color theory
                                            [tf] => 9
                                        )

                                    [18] => stdClass Object
                                        (
                                            [term] => layout
                                            [tf] => 9
                                        )

                                    [19] => stdClass Object
                                        (
                                            [term] => saturation
                                            [tf] => 8
                                        )

                                    [20] => stdClass Object
                                        (
                                            [term] => color wheel
                                            [tf] => 7
                                        )

                                    [21] => stdClass Object
                                        (
                                            [term] => lot
                                            [tf] => 7
                                        )

                                    [22] => stdClass Object
                                        (
                                            [term] => topic
                                            [tf] => 7
                                        )

                                    [23] => stdClass Object
                                        (
                                            [term] => matching
                                            [tf] => 7
                                        )

                                    [24] => stdClass Object
                                        (
                                            [term] => online
                                            [tf] => 7
                                        )

                                    [25] => stdClass Object
                                        (
                                            [term] => resource
                                            [tf] => 7
                                        )

                                    [26] => stdClass Object
                                        (
                                            [term] => wheel
                                            [tf] => 7
                                        )

                                    [27] => stdClass Object
                                        (
                                            [term] => pure black
                                            [tf] => 6
                                        )

                                    [28] => stdClass Object
                                        (
                                            [term] => work
                                            [tf] => 6
                                        )

                                    [29] => stdClass Object
                                        (
                                            [term] => level
                                            [tf] => 6
                                        )

                                    [30] => stdClass Object
                                        (
                                            [term] => choice
                                            [tf] => 6
                                        )

                                    [31] => stdClass Object
                                        (
                                            [term] => based
                                            [tf] => 6
                                        )

                                    [32] => stdClass Object
                                        (
                                            [term] => pure
                                            [tf] => 6
                                        )

                                    [33] => stdClass Object
                                        (
                                            [term] => offer
                                            [tf] => 6
                                        )

                                    [34] => stdClass Object
                                        (
                                            [term] => choose color
                                            [tf] => 5
                                        )

                                    [35] => stdClass Object
                                        (
                                            [term] => web design
                                            [tf] => 5
                                        )

                                    [36] => stdClass Object
                                        (
                                            [term] => complementary color
                                            [tf] => 4
                                        )

                                    [37] => stdClass Object
                                        (
                                            [term] => color dark
                                            [tf] => 4
                                        )

                                    [38] => stdClass Object
                                        (
                                            [term] => color picker
                                            [tf] => 4
                                        )

                                    [39] => stdClass Object
                                        (
                                            [term] => black white
                                            [tf] => 3
                                        )

                                    [40] => stdClass Object
                                        (
                                            [term] => choosing color scheme
                                            [tf] => 3
                                        )

                                    [41] => stdClass Object
                                        (
                                            [term] => text background color
                                            [tf] => 3
                                        )

                                    [42] => stdClass Object
                                        (
                                            [term] => matching color
                                            [tf] => 3
                                        )

                                    [43] => stdClass Object
                                        (
                                            [term] => choosing color
                                            [tf] => 3
                                        )

                                    [44] => stdClass Object
                                        (
                                            [term] => high contrast
                                            [tf] => 3
                                        )

                                    [45] => stdClass Object
                                        (
                                            [term] => starting point
                                            [tf] => 3
                                        )

                                    [46] => stdClass Object
                                        (
                                            [term] => color choice
                                            [tf] => 3
                                        )

                                    [47] => stdClass Object
                                        (
                                            [term] => text background
                                            [tf] => 3
                                        )

                                    [48] => stdClass Object
                                        (
                                            [term] => background color
                                            [tf] => 3
                                        )

                                    [49] => stdClass Object
                                        (
                                            [term] => picking color
                                            [tf] => 3
                                        )

                                    [50] => stdClass Object
                                        (
                                            [term] => single color
                                            [tf] => 3
                                        )

                                    [51] => stdClass Object
                                        (
                                            [term] => online tool
                                            [tf] => 3
                                        )

                                )

                            [page_rank_decimal] => 50
                            [rank] => 27317
                        )

                    [9] => stdClass Object
                        (
                            [position] => 10
                            [title] => Color wheel - a complete guide to color theory and how to mix colors | Homes & Gardens
                            [url] => https://www.homesandgardens.com/spaces/decorating/color-wheel-223700
                            [destination] => https://www.homesandgardens.com › Interior Design
                            [description] => Learn how to use a color wheel. Tap into centuries of color theory, along with insider tips from industry experts to create your perfect color palette
                            [isAmp] => 
                            [date] => 3 Dec 2020
                            [organic_position] => 9
                            [serp_type] => page
                            [isOrganicPage] => 1
                            [isOrganic] => 1
                            [serp_title] => The Color Wheel – H&G's complete guide on how to mix colors
                            [serp_description] => Structurally, the wheel includes the three primary colors of red, green and blue, alongside three secondary colors, green, orange and purple ( ...
                            [hostname] => homesandgardens.com
                            [canonical] => https://www.homesandgardens.com/spaces/decorating/color-wheel-223700
                            [h1] => The Color Wheel – H&G's complete guide on how to mix colors
                            [h2] => Array
                                (
                                    [0] => How does a color wheel work?
                                    [1] => What is color theory?
                                    [2] => What are harmonious colors?
                                    [3] => What are tonal colors?
                                    [4] => What are contrasting colors?
                                    [5] => What's the difference between hue, tint and shade?
                                    [6] => What colors go together?
                                    [7] => Color wheel-inspired schemes
                                    [8] => Useful links
                                )

                            [h3] => Array
                                (
                                    [0] => Advice
                                    [1] => Pictures
                                    [2] => Buying Guides
                                )

                            [h2WithAnchors] => Array
                                (
                                    [0] => stdClass Object
                                        (
                                            [text] => How does a color wheel work?
                                            [id] => how-does-a-color-wheel-work-3
                                        )

                                    [1] => stdClass Object
                                        (
                                            [text] => What is color theory?
                                            [id] => what-is-color-theory-3
                                        )

                                    [2] => stdClass Object
                                        (
                                            [text] => What are harmonious colors?
                                            [id] => what-are-harmonious-colors-3
                                        )

                                    [3] => stdClass Object
                                        (
                                            [text] => What are tonal colors?
                                            [id] => what-are-tonal-colors-3
                                        )

                                    [4] => stdClass Object
                                        (
                                            [text] => What are contrasting colors?
                                            [id] => what-are-contrasting-colors-3
                                        )

                                    [5] => stdClass Object
                                        (
                                            [text] => What's the difference between hue, tint and shade?
                                            [id] => what-apos-s-the-difference-between-hue-tint-and-shade-3
                                        )

                                    [6] => stdClass Object
                                        (
                                            [text] => What colors go together?
                                            [id] => what-colors-go-together-3
                                        )

                                    [7] => stdClass Object
                                        (
                                            [text] => Color wheel-inspired schemes
                                            [id] => color-wheel-inspired-schemes-3
                                        )

                                    [8] => stdClass Object
                                        (
                                            [text] => Useful links
                                        )

                                )

                            [published_time] => stdClass Object
                                (
                                    [lastUpdate] => 
                                    [dateFormatted] => 3o December 2020
                                    [dateISO] => 2020-12-03T13:47:07Z
                                )

                            [modified_time] => stdClass Object
                                (
                                    [lastUpdate] => 
                                    [dateFormatted] => 26o August 2021
                                    [dateISO] => 2021-08-26T14:08:31.733Z
                                )

                            [type] => article
                            [wordCount] => 1990
                            [imgCount] => 23
                            [lang] => 
                            [faq_on_page] => Array
                                (
                                )

                            [anchors] => stdClass Object
                                (
                                    [size] => 42
                                    [outboundSize] => 5
                                    [list] => Array
                                        (
                                            [0] => stdClass Object
                                                (
                                                    [text] => 
                                                    [href] => http://pinterest.com/pin/create/button/?url=https://www.homesandgardens.com/spaces/decorating/color-wheel-223700&media=https://cdn.mos.cms.futurecdn.net/SZGTyLxEzStATy2wpvL6oN-1200-80.jpg
                                                    [hrefDomain] => pinterest.com
                                                    [isOutbound] => 1
                                                )

                                            [1] => stdClass Object
                                                (
                                                    [text] => Terms and conditions
                                                    [href] => https://www.futureplc.com/terms-conditions/
                                                    [hrefDomain] => futureplc.com
                                                    [isOutbound] => 1
                                                )

                                            [2] => stdClass Object
                                                (
                                                    [text] => Privacy policy
                                                    [href] => https://www.futureplc.com/privacy-policy/
                                                    [hrefDomain] => futureplc.com
                                                    [isOutbound] => 1
                                                )

                                            [3] => stdClass Object
                                                (
                                                    [text] => Cookies policy
                                                    [href] => https://www.futureplc.com/cookies-policy/
                                                    [hrefDomain] => futureplc.com
                                                    [isOutbound] => 1
                                                )

                                            [4] => stdClass Object
                                                (
                                                    [text] => Visit our corporate site
                                                    [href] => https://www.futureplc.com/
                                                    [hrefDomain] => futureplc.com
                                                    [isOutbound] => 1
                                                )

                                        )

                                )

                            [toc] => Array
                                (
                                    [0] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => How does a color wheel work?
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [1] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => What is color theory?
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [2] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => What are harmonious colors?
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [3] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => What are tonal colors?
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [4] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => What are contrasting colors?
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [5] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => What's the difference between hue, tint and shade?
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [6] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => What colors go together?
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [7] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => Color wheel-inspired schemes. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [8] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => Useful links. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                    [0] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Advice. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [1] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Pictures. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [2] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Buying Guides. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                )

                                        )

                                )

                            [og] => stdClass Object
                                (
                                    [ogImage] => https://cdn.mos.cms.futurecdn.net/SZGTyLxEzStATy2wpvL6oN-1200-80.jpg
                                )

                            [schema_type] => Array
                                (
                                    [0] => Article
                                    [1] => BreadcrumbList
                                )

                            [comment_questions] => Array
                                (
                                )

                            [body] => The Color Wheel – H&G's complete guide on how to mix colors Using the color wheel, learn how to apply color theory to decorating and reveal a whole new collection of color palettes Sign up to our newsletter Newsletter (Image credit: Future/Polly Wreford) By Ginevra Benedetti published 3 December 20 When choosing a colour scheme, your first port of call should always be the color wheel. From bold, dramatic palettes to soothing tonal combinations, using a color wheel is fail-safe way to guarantee decorating success. Conceived in 1666 by Sir Isaac Newton to map out the various relationships between colours in the spectrum, the wheel is essentially a visual representation of 12 core colors in a circle, from primary hues to secondary colors and so on.It provides a clear and instant visual for exactly which hues contrast and coordinate, to help you to devise harmonious, tonal or contrasting looks.How does a color wheel work?(Image credit: Future/Neil Mersh)There are 12 segments on the wheel, each one representing a color. The wheel explains how colors relate to each other, whether they’re side by side or diametrically opposite.Structurally, the wheel includes the three primary colors of red, green and blue, alongside three secondary colors, green, orange and purple (where two primaries are mixed together to form another). Finally, there are six tertiary colors, a mix of a primary and secondary color. These are red-orange, yellow-orange, yellow-green, blue-green, blue-purple and red-purple. The warm colors - the reds, yellows and pinks - feature on one side. You'll find the cooler hues - blues, greens and purples, on the other.What is color theory?(Image credit: Future/Simon Brown)In essence, color theory is the application of art and science on design. It uses the color wheel to explain how colors mix, match and contrast, as well as how color can affect mood, generate emotions, soothe or aggravate.'Color undoubtedly has the power to make our homes look more beautiful,' says Dulux Creative Director, Marianne Shillingford. 'But it also has the power to change the way we feel about them and behave in them. It can connect spaces together as much as the people in them and it can make us rest better, work better and just feel better'.While applying the theory of what color schemes combine well is pretty fail safe, it's important to consider what use the space has. Ruth Mottershead, Creative Director at Little Greene agrees. 'For example, the kitchen is often the hub of the family home – usually a place of activity, the heart of family life and a place for entertaining friends. A kitchen therefore is an ideal place to make more adventurous colour choices and certainly the space where you can really experiment with vibrant colours.''For more tranquil spaces like the bathroom, consider shades that exude serenity so you can create a haven within your home. For a scheme that provides you with a calm retreat, use colours with warm undertones that really bring comfort to a space.'What are harmonious colors?(Image credit: Future/Simon Brown)Choosing adjacent colors on the wheel – yellow and green, for instance – is a straightforward way of creating an easy-to-live-with scheme. These harmonious colors are the most widely used group in interior design.What are tonal colors?(Image credit: Little Greene)Tonal colors are basically a variety of shades of one color, also known as tone-on-tone or monochromatic (not to be confused with monochrome). Decorating with this color palette will result in a uniform scheme as it uses only different tones - both lighter and darker - of one color.What are contrasting colors?(Image credit: Jane Churchill)Also referred to as complimentary colors, these are guaranteed to add drama to any room. By taking shades that sit opposite each other on the wheel, such as red and blue, you can create a rich, vibrant scheme packed with drama and energy. A split complementary (or contrasting) scheme is a slight variation, using a base color and two adjacent colors opposite it.'When creating a contrasting palette, we recommend thinking about splitting the room into ratios,' says Helen Shaw, UK Director at Benjamin Moore, 'with main colour being 60% of the scheme, 30% the secondary and 10% an accent. The accent colour can help to break up an ultra-contrasting scheme and allows the look to be tied together.'What's the difference between hue, tint and shade?(Image credit: Little Greene)When discussing color, these three words are key. Frequently confused and used interchangeably, in reality they’re three distinctly different things.HUEA hue is the purest form of any color, whether it’s primary, secondary, tertiary or somewhere in between on the spectrum of colors on the wheel. Hues are very intense and are very dramatic, so they are usually lightened or darkened for the majority of decorating schemes to create a tint or a shade.TINT & SHADEThe addition of white or black to a color will create a tint or a shade. If you add some black to a hue, you create a shade and go darker. If you add white, you create a tint and go lighter.What colors go together?If you follow the rules of the color wheel, you will discover a wide selection of palettes to choose from. Some of these combinations you will already be familiar with, while others you may not have come across before.'Deciphering what colours go well together depends on where on the colour wheel they sit', continues Shaw. 'Consider creating a monochromatic scheme which uses varying levels of saturation of one colour. We would recommend using a paler shade of one and a darker hue of another.'Get more color inspiration from our list of the top ten paints and where to use themColor wheel-inspired schemes. FLAMINGO PINK, AQUAMARINE GREEN(Image credit: Future/Damien Russell)This contrasting scheme pits a pale aquamarine against a flamingo hued pink. Accessorized with a splash of rich fuschia pink on the mirror frame, the pale blue flooring gives it an air of a modern classic.BLUE HUES(Image credit: Future/Simon Bevan)Using variations of one color is a calming approach. Here, the deep blue hue of the chest of drawers makes a sophisticated backdrop to the lighter tinted powder blues of the upholstery, while the teal bowl adds an additional layer of color.PLUM, PINK, AUBERGINE(Image credit: Future/Simon Bevan)This harmonious living room color scheme utilises a host of pink and purple shades to great effect. The rich aubergine color of the upholstery is echoed by the lampshade, while the plum walls wrap the scheme in warmth. Small splashes of pink and yellow lift the scheme from becoming too moody.JADE GREEN, PETROL BLUE(Image credit: Future/Chris Everard)‘There there is no room where green doesn’t work’, says designer Suzy Hoodless. ‘One fallacy is about mixing blue and green – they can be seen together and I have paired these shades with great success in past projects.’Green is on the cooler side of the color wheel, ranging from watery blues to deep forest greens, reflecting the world around us – sky, sea and earth. This palette can create a visually strong statement that is also warm and very easy to live with. A pleasing plain color paired with a welcoming pattern, is the perfect foundation for an inviting room scheme.See these green kitchen ideas in gorgeous shades of sage, olive and emeraldGRAY GREEN, RED(Image credit: Benjamin Moore)A split complementary scheme, chosen from adjacent points on the color wheel. The deep green paint on the walls features deep gray undertones making a striking backdrop for a cast of vivid furnishings and accessories in appealing shades of red and coral.TERRACOTTA, BLUE(Image credit: Sofa.com)In this living space, the tonal shade of terracotta on the wall provides a warm background for the bold royal blue sofa. Dashes of brown, terracotta and pink on cushions and artworks echo the wall colors, while the matching blue footstool and paler blue rug anchor the look.FRESH GREENS(Image credit: Jane Churchill)A clutch of green hues are combined in pattern, planting and upholstery, with a harmonious pop of blue. All are framed and grounded with strong black lines and pale cream walls.FUSCHIA PINK, CORAL, PEACOCK BLUE, FOREST GREEN(Image credit: John Lewis & Partners)The rich, pink of the sumptuous bedspread is the dramatic focus of this bedroom. A classic split complementary scheme, the addition of the deep blue shade of the headboard and the forest green walls ensure a cohesive, cosy sophistication.DUCK EGG, RED(Image credit: Future/Simon Bevan)Complementary hues of vibrant red and cool duck egg prove a surprisingly fresh mix, against which geometric pattern in crisp monochrome lends a modern edge. The look is softened by the curves of the dining table and chairs.BLUE, OLIVE GREEN, SUNSHINE YELLOW(Image credit: Future/Michael Sinclair)Utilising colors from almost a third of the wheel, this harmonious scheme teams blocks of blue, yellow and olive green together for a calming effect. Patterned wallpaper in a neutral shade grounds the look, while the pale green pattern on the headboard gives it a fresh edge.DELICATE PINKS(Image credit: Future/Alicia Taylor)Powder pink walls and upholstery are given extra depth thanks to the accessories in this space. Rich pink curtains and a patterned rug in a plethora of pink hues, from pale pinks to almost red shades tie the tonal look together beautifully.Now that you're armed with the knowledge of how to use the color wheel and how to mix colors, you'll be inspired to create your own perfect palettes. Ginevra Benedetti Hello there, I’m Ginevra Benedetti,  Associate Editor on the Homes Content Team at Future.  I’ve been fortunate enough to have been writing about interiors for the past 16 years on the majority of Britain’s monthly interiors titles, such as Ideal Home, Country Homes & Interiors and Style at Home, as well as Livingetc and of course, Homes & Gardens.  This naturally feeds into writing for wonderful websites like HomesandGardens.com and IdealHome.co.uk. Over the years, I’ve interviewed some of the most talented designers in the business and I’ve pretty much written about every area of the home, from shopping and decorating, appliances and home tech, wallpaper and fabric, kitchens and bathrooms, even extensions and conversions.   I never tire about reading or writing about interiors, from classic timeless designs to innovative smart tech - the subject is always evolving, just as our homes do, year after year. Latest Best immersion blender 2022: hand blenders for winter soups Featuring KitchenAid, Breville, Vitamix, and Braun, here are the best immersion blenders you can buy to make tasty smoothies and delicious creamy soups By Millie Fender • Published 6 January 22 Decorating with stripes – 15 smart striped room ideas Decorating with stripes? These striped room ideas – from tailored pinstripes to bold and broad lines – bring order and structure to a space By Jennifer Ebert • Published 6 January 22 Useful links. Advice. How to design a kitchen How to design a bathroom How to design a patio Interior design: advice and tips How to clean a washing machine Pictures. Living room ideas Bedroom ideas Kitchen ideas Bathroom ideas Backyard ideas Buying Guides. Best mattress Best cordless vacuum cleaners Best pillows Best coffee makers Best blenders logo/HAG_logo Created with Sketch. about us Advertise with us Contact us Terms and conditions Privacy policy Cookies policy Homes & Gardens is part of Future plc, an international media group and leading digital publisher. Visit our corporate site. © Future Publishing Limited Quay House, The Ambury, Bath BA1 1UA. All rights reserved. England and Wales company registration number 2008885.
                            [kwBody] => Array
                                (
                                    [0] => stdClass Object
                                        (
                                            [term] => color
                                            [tf] => 48
                                        )

                                    [1] => stdClass Object
                                        (
                                            [term] => scheme
                                            [tf] => 20
                                        )

                                    [2] => stdClass Object
                                        (
                                            [term] => wheel
                                            [tf] => 20
                                        )

                                    [3] => stdClass Object
                                        (
                                            [term] => green
                                            [tf] => 19
                                        )

                                    [4] => stdClass Object
                                        (
                                            [term] => credit
                                            [tf] => 18
                                        )

                                    [5] => stdClass Object
                                        (
                                            [term] => blue
                                            [tf] => 17
                                        )

                                    [6] => stdClass Object
                                        (
                                            [term] => color wheel
                                            [tf] => 14
                                        )

                                    [7] => stdClass Object
                                        (
                                            [term] => pink
                                            [tf] => 14
                                        )

                                    [8] => stdClass Object
                                        (
                                            [term] => shade
                                            [tf] => 14
                                        )

                                    [9] => stdClass Object
                                        (
                                            [term] => hue
                                            [tf] => 12
                                        )

                                    [10] => stdClass Object
                                        (
                                            [term] => home
                                            [tf] => 12
                                        )

                                    [11] => stdClass Object
                                        (
                                            [term] => colour
                                            [tf] => 9
                                        )

                                    [12] => stdClass Object
                                        (
                                            [term] => red
                                            [tf] => 8
                                        )

                                    [13] => stdClass Object
                                        (
                                            [term] => create
                                            [tf] => 8
                                        )

                                    [14] => stdClass Object
                                        (
                                            [term] => room
                                            [tf] => 8
                                        )

                                    [15] => stdClass Object
                                        (
                                            [term] => idea
                                            [tf] => 8
                                        )

                                    [16] => stdClass Object
                                        (
                                            [term] => decorating
                                            [tf] => 7
                                        )

                                    [17] => stdClass Object
                                        (
                                            [term] => palette
                                            [tf] => 7
                                        )

                                    [18] => stdClass Object
                                        (
                                            [term] => space
                                            [tf] => 7
                                        )

                                    [19] => stdClass Object
                                        (
                                            [term] => harmoniou
                                            [tf] => 6
                                        )

                                    [20] => stdClass Object
                                        (
                                            [term] => contrasting
                                            [tf] => 6
                                        )

                                    [21] => stdClass Object
                                        (
                                            [term] => yellow
                                            [tf] => 6
                                        )

                                    [22] => stdClass Object
                                        (
                                            [term] => design
                                            [tf] => 6
                                        )

                                    [23] => stdClass Object
                                        (
                                            [term] => kitchen
                                            [tf] => 6
                                        )

                                    [24] => stdClass Object
                                        (
                                            [term] => interior
                                            [tf] => 6
                                        )

                                    [25] => stdClass Object
                                        (
                                            [term] => wall
                                            [tf] => 6
                                        )

                                    [26] => stdClass Object
                                        (
                                            [term] => credit futuresimon
                                            [tf] => 5
                                        )

                                    [27] => stdClass Object
                                        (
                                            [term] => purple
                                            [tf] => 5
                                        )

                                    [28] => stdClass Object
                                        (
                                            [term] => futuresimon
                                            [tf] => 5
                                        )

                                    [29] => stdClass Object
                                        (
                                            [term] => rich
                                            [tf] => 5
                                        )

                                    [30] => stdClass Object
                                        (
                                            [term] => pale
                                            [tf] => 5
                                        )

                                    [31] => stdClass Object
                                        (
                                            [term] => deep
                                            [tf] => 5
                                        )

                                    [32] => stdClass Object
                                        (
                                            [term] => ginevra benedetti
                                            [tf] => 3
                                        )

                                    [33] => stdClass Object
                                        (
                                            [term] => published
                                            [tf] => 3
                                        )

                                    [34] => stdClass Object
                                        (
                                            [term] => secondary color
                                            [tf] => 3
                                        )

                                    [35] => stdClass Object
                                        (
                                            [term] => color red
                                            [tf] => 3
                                        )

                                    [36] => stdClass Object
                                        (
                                            [term] => green blue
                                            [tf] => 3
                                        )

                                    [37] => stdClass Object
                                        (
                                            [term] => blue green
                                            [tf] => 3
                                        )

                                    [38] => stdClass Object
                                        (
                                            [term] => colorsimage credit
                                            [tf] => 3
                                        )

                                    [39] => stdClass Object
                                        (
                                            [term] => split complementary
                                            [tf] => 3
                                        )

                                    [40] => stdClass Object
                                        (
                                            [term] => contrasting scheme
                                            [tf] => 3
                                        )

                                    [41] => stdClass Object
                                        (
                                            [term] => create tint
                                            [tf] => 3
                                        )

                                    [42] => stdClass Object
                                        (
                                            [term] => room idea
                                            [tf] => 3
                                        )

                                )

                            [page_rank_decimal] => 47
                            [rank] => 159993
                        )

                    [10] => stdClass Object
                        (
                            [position] => 11
                            [title] => Guide to Color in Design: Color Meaning, Color Theory, and More
                            [url] => https://www.shutterstock.com/blog/complete-guide-color-in-design
                            [destination] => https://www.shutterstock.com › ... › Color Theory
                            [description] => Learn everything there is to know about the use of color in design, from color theory to color meanings, and everything in between
                            [isAmp] => 
                            [date] => 19 Jun 2018
                            [organic_position] => 10
                            [serp_type] => page
                            [isOrganicPage] => 1
                            [isOrganic] => 1
                            [serp_title] => Guide to Color in Design: Color Meaning, Color Theory, and ...
                            [serp_description] => A lighter hue has more value than a darker hue. The Color Wheel. You've probably seen a color wheel in your art classes, or remember the famous ...
                            [hostname] => shutterstock.com
                            [canonical] => https://www.shutterstock.com/blog/complete-guide-color-in-design
                            [h1] => Complete Guide to Color in Design: Color Meaning, Color Theory, and More
                            [h2] => Array
                                (
                                    [0] => Learn everything you need to know to successfully use color in design. Discover color theory, color meanings, and color modes to help you pick the right palette for your work
                                    [1] => Color Terminology
                                    [2] => The Color Wheel
                                    [3] => Color Schemes
                                    [4] => Color Meaning and How It Affects Branding
                                    [5] => Understanding Color Profiles and Systems
                                    [6] => Finding Inspiration to Use Color in Designs
                                    [7] => Related Posts
                                    [8] => 18 Marketing Holidays That Will Make You Go, “Huh?”
                                    [9] => Data-Backed Ways to Refresh Ads with Green
                                    [10] => How to Upload Your Videos to Instagram from PC and Mobile
                                )

                            [h3] => Array
                                (
                                    [0] => Share this:
                                    [1] => Primary Colors
                                    [2] => Secondary Colors
                                    [3] => Tertiary Colors
                                    [4] => Monochromatic Colors
                                    [5] => Achromatic Colors
                                    [6] => Analogous Colors
                                    [7] => Complementary Colors
                                    [8] => Split-Complementary Colors
                                    [9] => Double Complementary (Tetradic) Colors
                                    [10] => Triadic Colors
                                    [11] => Warm Colors
                                    [12] => The Meaning of Red
                                    [13] => The Meaning of Orange
                                    [14] => The Meaning of Yellow
                                    [15] => Cool Colors
                                    [16] => The Meaning of Green
                                    [17] => The Meaning of Blue
                                    [18] => The Meaning of Purple
                                    [19] => The Meaning of Pink
                                    [20] => RGB
                                    [21] => CMYK
                                    [22] => Process Color
                                    [23] => Spot Color
                                    [24] => How to Upload Free Swatch Files in Adobe Illustrator
                                    [25] => How to Use Your Free Swatches in Adobe Photoshop and InDesign
                                )

                            [h2WithAnchors] => Array
                                (
                                    [0] => stdClass Object
                                        (
                                            [text] => Learn everything you need to know to successfully use color in design. Discover color theory, color meanings, and color modes to help you pick the right palette for your work
                                        )

                                    [1] => stdClass Object
                                        (
                                            [text] => Color Terminology
                                        )

                                    [2] => stdClass Object
                                        (
                                            [text] => The Color Wheel
                                        )

                                    [3] => stdClass Object
                                        (
                                            [text] => Color Schemes
                                        )

                                    [4] => stdClass Object
                                        (
                                            [text] => Color Meaning and How It Affects Branding
                                        )

                                    [5] => stdClass Object
                                        (
                                            [text] => Understanding Color Profiles and Systems
                                        )

                                    [6] => stdClass Object
                                        (
                                            [text] => Finding Inspiration to Use Color in Designs
                                        )

                                    [7] => stdClass Object
                                        (
                                            [text] => Related Posts
                                        )

                                    [8] => stdClass Object
                                        (
                                            [text] => 18 Marketing Holidays That Will Make You Go, “Huh?”
                                        )

                                    [9] => stdClass Object
                                        (
                                            [text] => Data-Backed Ways to Refresh Ads with Green
                                        )

                                    [10] => stdClass Object
                                        (
                                            [text] => How to Upload Your Videos to Instagram from PC and Mobile
                                        )

                                )

                            [published_time] => stdClass Object
                                (
                                    [lastUpdate] => 
                                    [dateFormatted] => 19o June 2018
                                    [dateISO] => 2018-06-19T15:59:41+00:00
                                )

                            [modified_time] => stdClass Object
                                (
                                    [lastUpdate] => 
                                    [dateFormatted] => 24o August 2021
                                    [dateISO] => 2021-08-24T14:35:56+00:00
                                )

                            [type] => article
                            [wordCount] => 3897
                            [imgCount] => 31
                            [lang] => 
                            [faq_on_page] => Array
                                (
                                )

                            [anchors] => stdClass Object
                                (
                                    [size] => 97
                                    [outboundSize] => 4
                                    [list] => Array
                                        (
                                            [0] => stdClass Object
                                                (
                                                    [text] => Dribbble
                                                    [href] => https://dribbble.com/
                                                    [hrefDomain] => dribbble.com
                                                    [rel] => noopener 
                                                    [isOutbound] => 1
                                                )

                                            [1] => stdClass Object
                                                (
                                                    [text] => Behance
                                                    [href] => https://www.behance.net/
                                                    [hrefDomain] => behance.net
                                                    [rel] => noopener 
                                                    [isOutbound] => 1
                                                )

                                            [2] => stdClass Object
                                                (
                                                    [text] => Download Now
                                                    [href] => https://assets.rocketstock.com/uploads/2018/07/Retro-Swatch-Files.zip
                                                    [hrefDomain] => rocketstock.com
                                                    [rel] => noopener 
                                                    [isOutbound] => 1
                                                )

                                            [3] => stdClass Object
                                                (
                                                    [text] => Download Now
                                                    [href] => https://assets.rocketstock.com/uploads/2018/07/101-Color-Combinations-Swatch-Files.zip
                                                    [hrefDomain] => rocketstock.com
                                                    [rel] => noopener 
                                                    [isOutbound] => 1
                                                )

                                        )

                                )

                            [toc] => Array
                                (
                                    [0] => stdClass Object
                                        (
                                            [level] => 3
                                            [name] => Share this:. 
                                            [tag] => h3
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [1] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => Learn everything you need to know to successfully use color in design. Discover color theory, color meanings, and color modes to help you pick the right palette for your work.
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [2] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => Color Terminology. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [3] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => The Color Wheel. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [4] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                    [0] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Primary Colors. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [1] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Secondary Colors. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [2] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Tertiary Colors. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                )

                                        )

                                    [5] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => Color Schemes. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                    [0] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Monochromatic Colors. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [1] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Achromatic Colors. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [2] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Analogous Colors. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [3] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [4] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Complementary Colors. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [5] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [6] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Split-Complementary Colors. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [7] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Double Complementary (Tetradic) Colors. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [8] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Triadic Colors. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [9] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                )

                                        )

                                    [6] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => Color Meaning and How It Affects Branding. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                    [0] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Warm Colors. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [1] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => The Meaning of Red. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [2] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => The Meaning of Orange. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [3] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [4] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => The Meaning of Yellow. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [5] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [6] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Cool Colors. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [7] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => The Meaning of Green. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [8] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [9] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => The Meaning of Blue. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [10] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => The Meaning of Purple. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [11] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [12] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => The Meaning of Pink. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                )

                                        )

                                    [7] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => Understanding Color Profiles and Systems. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                    [0] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => RGB. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [1] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => CMYK. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [2] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Process Color. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [3] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Spot Color. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                )

                                        )

                                    [8] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => Finding Inspiration to Use Color in Designs. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                    [0] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => How to Upload Free Swatch Files in Adobe Illustrator. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [1] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [2] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => How to Use Your Free Swatches in Adobe Photoshop and InDesign. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [3] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                )

                                        )

                                    [9] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => Related Posts. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [10] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => 18 Marketing Holidays That Will Make You Go, “Huh?”. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [11] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => Data-Backed Ways to Refresh Ads with Green. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [12] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => How to Upload Your Videos to Instagram from PC and Mobile. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                )

                            [og] => stdClass Object
                                (
                                    [twitterImage] => https://www.shutterstock.com/blog/wp-content/uploads/sites/5/2018/05/Color-Treetopper-Featured-Image-.jpg
                                )

                            [schema_type] => Array
                                (
                                )

                            [comment_questions] => Array
                                (
                                )

                            [body] => Complete Guide to Color in Design: Color Meaning, Color Theory, and More By Alex Clem | June 19, 2018 Share this:. FacebookTwitterLinkedInPinterest Learn everything you need to know to successfully use color in design. Discover color theory, color meanings, and color modes to help you pick the right palette for your work. Cover image via vhpicstock. You make color choices all the time, even if you don’t realize it. It usually happens by instinct, but there’s actually an entire science behind it called Color Theory. Color Theory describes how different colors relate to each other, and how they look when they are combined into many colored schemes. An offshoot of color theory is color psychology, which explores colors and emotions. Combined, these two areas of color knowledge are important information for anyone dealing with colors, whether you’re a small business owner creating a flyer for an upcoming event, a designer selecting a color scheme for your next project, or an entrepreneur designing a logo for your newest startup. In this complete guide, we’ll go through the basics of the color wheel, color theory, and color meaning and how these relate to visual marketing, branding, and design. We’ll also cover the common color profiles and systems (think print vs. digital), how to use color inspiration to your advantage, and how to use design applications to manage color swatches. Color Terminology. Before we go into the nitty gritty aspects of color theory, let’s go over some essential terms. Hue refers to the pure, saturated colors seen on the color wheel above. Tints are achieved by incorporating elements of white to brighten and desaturate a single hue. Tints of a color are often much calmer than their saturated counterparts. Tones are achieved by adding gray to a hue, dulling the overall chroma. Shades are achieved by adding portions of black to a single hue, creating a darker hue. Saturation refers to the overall intensity, or chroma, in a color. A pure hue is more saturated than its tint or tone. Value refers to the general lightness or darkness of a color. A lighter hue has more value than a darker hue. The Color Wheel. You’ve probably seen a color wheel in your art classes, or remember the famous acronym “Roy G. Biv” to remember each color of the rainbow. The color wheel is an illustrative diagram that shows 12 colors around a circle, used to represent each color’s relationship to one another. Colors arranged opposite each other are complementary to one another. Colors located near other colors share common characteristics and often pair well together. Let’s dive in and explore the different types of hues present on the color wheel. Image via aekikuis.  Primary Colors. Primary colors are the “original” colors, consisting of red, yellow, and blue. You can’t mix any colors together to get these colors. Image via aekikuis.  This powerful triad shapes the foundation of color theory as we know it. These three pigments are the building blocks of an extensive color range, or gamut. When combined, they create secondary and tertiary colors along with all hues in between. Secondary Colors. Secondary colors are formed from an equal mixture of two separate primary colors. Yellow and blue mix to create green, yellow and red mix to create orange, and blue and red mix to create violet. Image via aekikuis.  On the color wheel, secondary colors lie in the middle of and equidistant from the two primary colors used to create it. The secondaries are grouped in a triad that creates an inverted equilateral triangle. Tertiary Colors. Tertiary colors are created by combining adjacent primary and secondary hues. For example, a primary color, such as yellow, and a secondary color, such as green, mix to create yellow-green. Image via aekikuis.  The name of each tertiary colors begins with the neighboring primary color combined with the neighboring secondary color. You will never see the name green-yellow; it will always be yellow-green. Color Schemes. Using the color wheel you can make any color scheme or combination, but some will look better than others. Just as colors mix to create new colors, colors can be paired to create visually pleasing combinations. Luckily, you don’t have to sit for hours trying out every color combination to find on that looks good. You can use tried and true color schemes to find a combination that works. We’ve gone over the most important color schemes below, plus information on how to use these principles when you’re making color palettes containing multiple hues. The color palette images below can also be found within our 101 color combinations, inspired by images in Shutterstock’s collection. Monochromatic Colors. Monochromatic color schemes focus on a single color, often using variations of that hue by incorporating tints, tones, and shades. It might sound like a boring palette, but this provides variations in value that add interest and dimension to your composition. This color scheme is extremely versatile and easy on the eye. Using many hues in a design can often overwhelm the viewer and obstruct the design’s tone, but subtle color variations on one hue help to simplify a design without making it too flat. Image via Patiwat Sariya. Achromatic Colors. Colors that lack chroma and saturation, such as whites, grays, and blacks, are called achromatic. Many artists prefer to work in achromatic environments because they provide direct indications of value through dramatic shadows and highlights. Image via tofutyklein. Analogous Colors. Analogous colors are a group of three or four colors that border each other within the color wheel. The word “analogous” means closely related, so the combination of these hues has a harmonious appeal similar to monochromatic color schemes. Image via aekikuis.  When picking analogous groups for your composition, keep your palette grounded by using exclusively cool or warm colors together. Stick to a dominant hue and accentuate with its analogous counterparts. This aurora borealis color scheme creates a smooth transition from green to blue, which neighbor each other on the color wheel. Image via Ken Phung. Complementary Colors. Complementary colors exist on opposite sides of the color wheel; one color is usually a primary color and the other a secondary color. The main complementary colors are blue and orange, red and green, and yellow and purple. Image via aekikuis.  Pair complements together in a composition for added contrast and visual intensity, as seen below. The vividness of the orange citrus fruits stand out against a light blue backdrop. Image via casanisa.  Split-Complementary Colors. Split-complementary color schemes might look similar to complementary schemes, but this combination incorporates the two neighboring hues of a color’s complement, such as yellow paired with blue violet and red violet. Image via aekikuis.  This color scheme has a similar visual appeal as complementary schemes, but without the intensity. Bringing in analogous colors can help to soften the stark contrast of complements. Image via Maciej Bledowski. Double Complementary (Tetradic) Colors. Complementary colors are already intense in nature; double complementary, or tetradic, color schemes up the ante by using two pairs of complements. Image via aekikuis.  Tetrads, such as yellow and violet paired with green and red, use rich values that are often hard to harmonize. To keep a balanced composition, choose a dominant color and lower the saturation or intensity of the other hues. Image via leonori.  Triadic Colors. A triad consists of three colors that are placed equidistant from each other on the color wheel, forming an equilateral triangle as seen below. Triads can include three primary, secondary, or tertiary colors. Image via aekikuis.  Yellow, blue, and red form a vibrant triad that can be difficult to balance. Let one hue shine, like the yellow on the car below, and accentuate with other triadic hues, such as the blue and red found on the beach gear atop the car. A good rule of thumb when designing is to create hierarchy. Instead of allowing colors to fight for the spotlight, assign a dominant color and then sprinkle with accents. Image via alphaspirit.  Color Meaning and How It Affects Branding. Color psychology focuses on color symbolism and meaning and how colors and their combinations impact human emotions. The principles of color psychology can be applied to many industries and pursuits, helping marketers create effective branding or a new homeowner select the right color for their dining room. Each hue evokes a specific emotional responses from viewers, shaping how that consumer perceives the overall design on display. When it comes to product development, marketing, and branding, this positive brand perception can influence consumers’ purchasing decisions and ultimately increase sales. Read on to learn how each color is typically perceived and learn when to use a specific color in your design. Warm Colors. Warmer colors such as reds, oranges, and yellows stimulate the senses and elicit a sense of cheerfulness with their vibrancy. These colors pack tons of emotional meaning, but they can easily be overwhelming when used as the dominant hue in a composition. Tints, tones, and shades of warm hues are your best friend because they help to desaturate a hue without negating its positive effect. Apply warm hues in moderation by sprinkling them as an accent color across branding elements, or pair them with cooler tones for a harmonic balance. The Meaning of Red. Known for its striking and vivid personality, red brings out intense emotional responses in its viewers. It can heighten appetite, excitement, and anxiety. Restaurants often incorporate red into brand elements to take advantage of that increased appetite. Brands also utilize shades of red to give off a thrilling and adventurous tone. While red is a bold and powerful hue, always use it sparingly, especially when paired with other vibrant hues. Too much intensity can weaken a design and stir up the wrong emotions, even inciting aggressiveness. A fully-saturated red is best used in accents or in subtle brand elements. When used as a dominant hue, soften it with tints or shades. Image via Gilmanshin. The Meaning of Orange. Orange marries the fieriness of red and the cheerfulness of yellow. Its vibrance usually indicates confidence, casualness, and a fresh start. Be mindful of the colors you pair with orange. A pure orange paired with black is intrinsically linked to Halloween. Try blue tones for a contrasting complement or stick with warm analogous hues by incorporating yellows or reds, like in this grapefruit flat lay pattern. While orange tones often give off a friendly demeanor, brands might want to use this hue sparingly. Decrease its vibrancy by utilizing tints, tones, and shades of orange, or opt for muted versions such as peach, terracotta, or apricot to add a sense of elegance. Images via Zamurovic Photography. The Meaning of Yellow. This sunshine hue evokes warmth, cheerfulness, and serenity in its purest form. Yellow’s eye-catching hue is also a color people notice instantaneously, typically used in reference to caution, road signs, and security vests. Brands take advantage of yellow’s notice-ability to attract customers to their stores, making it a popular color choice for retail stores. Consider using yellow’s tints or tones in branding accents, instead of utilizing the attention-grabbing hue as a dominant color. Too much yellow can be overwhelming to viewers and seen as a cheap tactic to increase sales. Yellow can be tricky to pair with; stick to monochromatic, analogous, split-complementary, or triadic hues for a successful color palette. This agate texture below effortlessly incorporates yellow’s tints and tones for a look that’s easier on the eyes. Image via Gluiki. Cool Colors. On the other side of the spectrum, cooler hues tend to elicit calmness and trustworthiness. Blues, greens, purples, and even pinks tend to be more versatile; they can be integrated into branding elements as a dominant or accent color. Add emphasis to your composition by experimenting with a cool hue’s complement, or apply warmer tones as an accent to its cooler counterpart. The Meaning of Green. This versatile hue is often associated with lush forests, fruitful harvests, and prosperity, instilling a sense of growth, safety, and recurrence. Green is also a common color used in branding and logo elements. This hue is packed full of meaning, making it ideal for sustainable and eco-friendly brands, financial institutions, or grocery chains. Green is especially easy on the eyes, making it ideal as a dominant color or an accent. For an effortless color palette, pair green with monochromatic, analogous, or complementary color schemes. Monochromatic and analogous combinations, seen in the dew drops below or in the aurora borealis above, create a peaceful and harmonic palette. Complementary schemes, such as muted reds and greens, contrast especially well when paired together in a composition. (Be careful not to go full Holiday season, though!) Image via FlashMovie. The Meaning of Blue. From the bright blue skies to the dazzling oceans, blue is know for its overall positive associations. This well-liked hue symbolizes peacefulness, trustworthiness, and loyalty with its calming nature. But there are a few negative connotations associated with this hue, which is known for its melancholiness and its symbol of depression. Blues are universally loved, meaning that many brands utilize some shade of blue in their campaign or logo. So, how do you stand out in the vast sea of blue? Utilizing unique color combinations is a sure way to attract attention. Pairing blue with a warmer hue, such as an orange or yellow, is a great starting point. Create your palette using tried-and-true  complementary, triadic, or analogous color schemes. Or, if opting for a muted composition, incorporate blue’s tones and shades with a warm accent color, as seen in the marble texture below. Image via marbleszone.com. The Meaning of Purple. This secondary hue marries the stability seen in blue with the energy in red. Purple also has significant historical meaning; it was a popular color choice among emperors and kings, creating a aura of royalty and exclusivity. As times change, so do color meanings. Nowadays, purple is typically used to symbolize peace and luxury. Ultraviolet, Pantone’s 2018 Color of the Year, is an optimistic and mystical take on the common violet hue, looking very future-forward. Purple’s peaceful and luxurious allure works well with brands that offer high-end products or impart a tranquil environment, such as a yoga studio. Using purple in its purest form can easily overwhelm a design; instead, try to incorporate its tints and shades, as seen in the fashion portrait below. Pair purple with its complement, yellow, for a bold contrast, or incorporate split-complementary schemes for a more subtle contrast. Image via MaxFrost. The Meaning of Pink. When thinking of shades of pink, most picture femininity, romance, intimacy, and lightheartedness. But, like other colors, pink has a different cultural meaning overseas; in Japan pinks are seen as more masculine, and in Korea it symbolizes trust. Understanding how colors translate across cultures is extremely important in the creative realm. In the Western hemisphere, pinks are typically used when branding feminine products and cosmetics, due to the general association of pink to “girlier” things. Recently, pink has become a much trendier color within design; you’ve probably seen the repetition of the famous Millennial Pink subtly integrated into photography and designs, even when they don’t pertain to feminine items. That’s because pink is evolving right alongside with popular notions of identity. Pink is often a trickier color to integrate within a composition, but when you think of pink as a simple tint of red, you can easily utilize the color wheel to your advantage. Pink marries well with muted green hues, along with analogous or monochromatic color schemes. Image via Plateresca. Understanding Color Profiles and Systems. While color combinations are extremely important to your design, it’s also essential to distinguish between the different types of color profiles and systems. The main color profiles, RGB and CMYK, exhibit colors in distinct processes, which affects the overall color range you can use in a design. RGB color profiles can display more vibrant hues, while CMYK profiles are not able to reproduce those similar values. Spot and process colors also affect the colors used in your design; the color gamut available between these color systems is drastically different. When printed, spot colors appear more intense and uniform, while process colors are produced with CMYK dots, resulting in a more limited color range. RGB. The RGB color profile consists of Red, Green, and Blue hues that combine to create extensive variations of colors that exceed the gamut of a CMYK color profile. This color mode exists exclusively in screen displays, such as in computer monitors, mobile devices, and television screens. RGB diagram via petrroudny43. Color wheel via Yulia Glam.  Instead of utilizing ink to produce hues, the RGB profile uses additive processes to produce color by blending light. This is the exact opposite of subtractive color processes, such as mixing paints or dyes. The presence of all RGB primaries at full intensity yields white, while the absence of color produces black. The color displays on your screen result from the presence of those RGB base hues. When attempting to print a design that is exclusively in a RGB color profile, your design will produce hues different from the screen preview. CMYK color profiles have a smaller gamut than RGB profiles, so when printing, the color present in your design will attempt to find a CMYK equivalent. These equivalents may be muddied or much less vibrant, ultimately affecting the overall tone of your design. As a rule of thumb, always set your online only designs in the RGB color profile to avoid color changes. CMYK. The CMYK color profile contains Cyan, Magenta, Yellow, and Key (Black) that combine to produce a range of hues. This four-color process works for any type of printer. When zoomed in on printed images you can see the four-color dots that layer to create different hues and gradations. Dots per inch result from printing and involve the CMYK color profiles. Although all printers produce prints in CMYK, the end result may vary among different styles and models of printers. CMYK diagram via petrroudny43. CMYK dots via SkillUp.  In RGB color spaces, all primaries combine to produce white with additive color processing. CMYK modes combine with subtractive color processes, meaning all primaries mask to yield to a blackish hue. As inks and dyes are layered upon each other, they subtract from the white of the paper. CMYK color profiles produce a smaller gamut than RGB color profiles, so only use this profile when designing for print. Read a more in-depth analysis of CMYK and RGB color profiles, plus how to access and edit these color profiles in Adobe programs. Process Color. The most common method of offset printing involves process colors. These colors are produced by a combination of cyan, magenta, yellow, and key (black), or CMYK inks. Each process color is comprised of percentages of cyan, magenta, yellow, and black inks. Process colors provide a limited color range when compared to spot colors. Image via Sailom.  Process, or four-color, printing is ideal for jobs that require multi-colored inks to produce an image or design. Each screen is printed at a different angle to produce a cohesive image. Spot Color. In offset printing, spot colors are produced when inks are laid down in a single run, rather than in multiple dots. Spot, or solid, colors consist of pure and mixed inks that are produced without the use of screens or multicolor dots. Image via REDPIXEL.PI.  Spot colors are ideal when color accuracy and consistency across print jobs is crucial; company logos and color-specific brand elements that feature few colors should be reserved for spot color printing. Read more about the advantages of utilizing process versus spot colors in your designs, plus how to access and convert between each color mode in Adobe programs.  Finding Inspiration to Use Color in Designs. When figuring out the colors to use in your designs and other creative projects, search for inspiration all around you. Look outside and take in the natural hues, or observe established works of art across all disciplines to see colors combinations you might not have thought of originally. Step outside of your color comfort zone if you want to conjure up some truly eye-catching palettes. Sampling colors from photographs or becoming familiar with unique color combinations from other designers is another great place to start. This helps to submerge yourself into current color or design trends, while getting accustomed to which hues translate well into your project in terms of its feeling and the overall tone. That being said, always check yourself if you’re becoming color-happy; too many colors in a design leads to a complicated mess and can obscure the overall message of the design. Image via Chamille White.  I like to look around design websites like Dribbble and Behance to see modern color schemes and how they’re thoughtfully applied across different projects. You can also look up established color palettes from these 101 color combinations and 25 retro swatches made by yours truly. Select the link below to download 25 free retro swatch files. Each file is available in the RGB color profile and is compatible across Adobe Illustrator, InDesign, and Photoshop. If you don’t have access to design software, you can input the six-digit hex codes shown on each color swatch image. Download Now To download the 101 free color swatches, select this download link below. Each file within this folder is also available in the RGB color profile and is ideal for use in online or web designs. Download Now How to Upload Free Swatch Files in Adobe Illustrator. Click the hamburger dropdown in the Swatches panel and select Open Swatch Library > Other Library and select one of the swatch files. How to Use Your Free Swatches in Adobe Photoshop and InDesign. In the Swatches panel, select the hamburger dropdown menu and click Load Swatches and select an individual swatch file to see it pop up within the panel. This guide is everything you need to know to get started with color picking, whether you’re choosing the colors for your logo, or selecting artwork for a room in your house. Now that you know the basics of color theory and color psychology, you’ll start to really see that color is everywhere. Stay curious about colors, because trends are always evolving and there are always new ways to play with the color wheel. Searching for more encompassing articles to increase your color and design knowledge? Check these out: Everything You Need to Know About Gradients in Design  33 Must-Know Keyboard Shortcuts for Designers 5 Essential Techniques for Drawing With the Pen Tool in Illustrator PPI vs. DPI: Demystifying the World of Online and Print Resolution Related Posts. Business: Marketing   18 Marketing Holidays That Will Make You Go, “Huh?”. Inspiration   Data-Backed Ways to Refresh Ads with Green. Video Production   How to Upload Your Videos to Instagram from PC and Mobile.
                            [kwBody] => Array
                                (
                                    [0] => stdClass Object
                                        (
                                            [term] => color
                                            [tf] => 232
                                        )

                                    [1] => stdClass Object
                                        (
                                            [term] => hue
                                            [tf] => 59
                                        )

                                    [2] => stdClass Object
                                        (
                                            [term] => image
                                            [tf] => 48
                                        )

                                    [3] => stdClass Object
                                        (
                                            [term] => design
                                            [tf] => 36
                                        )

                                    [4] => stdClass Object
                                        (
                                            [term] => yellow
                                            [tf] => 32
                                        )

                                    [5] => stdClass Object
                                        (
                                            [term] => profile
                                            [tf] => 24
                                        )

                                    [6] => stdClass Object
                                        (
                                            [term] => blue
                                            [tf] => 23
                                        )

                                    [7] => stdClass Object
                                        (
                                            [term] => red
                                            [tf] => 22
                                        )

                                    [8] => stdClass Object
                                        (
                                            [term] => scheme
                                            [tf] => 21
                                        )

                                    [9] => stdClass Object
                                        (
                                            [term] => tone
                                            [tf] => 20
                                        )

                                    [10] => stdClass Object
                                        (
                                            [term] => color profile
                                            [tf] => 19
                                        )

                                    [11] => stdClass Object
                                        (
                                            [term] => meaning
                                            [tf] => 19
                                        )

                                    [12] => stdClass Object
                                        (
                                            [term] => green
                                            [tf] => 18
                                        )

                                    [13] => stdClass Object
                                        (
                                            [term] => swatch
                                            [tf] => 17
                                        )

                                    [14] => stdClass Object
                                        (
                                            [term] => rgb
                                            [tf] => 17
                                        )

                                    [15] => stdClass Object
                                        (
                                            [term] => cmyk
                                            [tf] => 17
                                        )

                                    [16] => stdClass Object
                                        (
                                            [term] => color wheel
                                            [tf] => 16
                                        )

                                    [17] => stdClass Object
                                        (
                                            [term] => color scheme
                                            [tf] => 16
                                        )

                                    [18] => stdClass Object
                                        (
                                            [term] => wheel
                                            [tf] => 16
                                        )

                                    [19] => stdClass Object
                                        (
                                            [term] => combination
                                            [tf] => 16
                                        )

                                    [20] => stdClass Object
                                        (
                                            [term] => complementary
                                            [tf] => 16
                                        )

                                    [21] => stdClass Object
                                        (
                                            [term] => create
                                            [tf] => 16
                                        )

                                    [22] => stdClass Object
                                        (
                                            [term] => tint
                                            [tf] => 14
                                        )

                                    [23] => stdClass Object
                                        (
                                            [term] => process
                                            [tf] => 14
                                        )

                                    [24] => stdClass Object
                                        (
                                            [term] => palette
                                            [tf] => 13
                                        )

                                    [25] => stdClass Object
                                        (
                                            [term] => pink
                                            [tf] => 13
                                        )

                                    [26] => stdClass Object
                                        (
                                            [term] => primary
                                            [tf] => 12
                                        )

                                    [27] => stdClass Object
                                        (
                                            [term] => analogou
                                            [tf] => 12
                                        )

                                    [28] => stdClass Object
                                        (
                                            [term] => color design
                                            [tf] => 11
                                        )

                                    [29] => stdClass Object
                                        (
                                            [term] => shade
                                            [tf] => 11
                                        )

                                    [30] => stdClass Object
                                        (
                                            [term] => produce
                                            [tf] => 11
                                        )

                                    [31] => stdClass Object
                                        (
                                            [term] => secondary
                                            [tf] => 11
                                        )

                                    [32] => stdClass Object
                                        (
                                            [term] => orange
                                            [tf] => 11
                                        )

                                    [33] => stdClass Object
                                        (
                                            [term] => brand
                                            [tf] => 10
                                        )

                                    [34] => stdClass Object
                                        (
                                            [term] => color combination
                                            [tf] => 9
                                        )

                                    [35] => stdClass Object
                                        (
                                            [term] => color theory
                                            [tf] => 9
                                        )

                                    [36] => stdClass Object
                                        (
                                            [term] => image aekikui
                                            [tf] => 9
                                        )

                                    [37] => stdClass Object
                                        (
                                            [term] => rgb color
                                            [tf] => 9
                                        )

                                    [38] => stdClass Object
                                        (
                                            [term] => rgb color profile
                                            [tf] => 8
                                        )

                                    [39] => stdClass Object
                                        (
                                            [term] => tint tone
                                            [tf] => 8
                                        )

                                    [40] => stdClass Object
                                        (
                                            [term] => complementary color
                                            [tf] => 8
                                        )

                                    [41] => stdClass Object
                                        (
                                            [term] => process color
                                            [tf] => 7
                                        )

                                    [42] => stdClass Object
                                        (
                                            [term] => primary color
                                            [tf] => 7
                                        )

                                    [43] => stdClass Object
                                        (
                                            [term] => spot color
                                            [tf] => 7
                                        )

                                    [44] => stdClass Object
                                        (
                                            [term] => hue color
                                            [tf] => 6
                                        )

                                    [45] => stdClass Object
                                        (
                                            [term] => secondary color
                                            [tf] => 6
                                        )

                                    [46] => stdClass Object
                                        (
                                            [term] => color theory color
                                            [tf] => 5
                                        )

                                    [47] => stdClass Object
                                        (
                                            [term] => cmyk color profile
                                            [tf] => 5
                                        )

                                    [48] => stdClass Object
                                        (
                                            [term] => red green
                                            [tf] => 5
                                        )

                                    [49] => stdClass Object
                                        (
                                            [term] => tone shade
                                            [tf] => 5
                                        )

                                    [50] => stdClass Object
                                        (
                                            [term] => color meaning
                                            [tf] => 5
                                        )

                                    [51] => stdClass Object
                                        (
                                            [term] => theory color
                                            [tf] => 5
                                        )

                                    [52] => stdClass Object
                                        (
                                            [term] => color color
                                            [tf] => 5
                                        )

                                    [53] => stdClass Object
                                        (
                                            [term] => tertiary color
                                            [tf] => 5
                                        )

                                    [54] => stdClass Object
                                        (
                                            [term] => mix create
                                            [tf] => 5
                                        )

                                    [55] => stdClass Object
                                        (
                                            [term] => color palette
                                            [tf] => 5
                                        )

                                    [56] => stdClass Object
                                        (
                                            [term] => cmyk color
                                            [tf] => 5
                                        )

                                    [57] => stdClass Object
                                        (
                                            [term] => color wheel color
                                            [tf] => 4
                                        )

                                    [58] => stdClass Object
                                        (
                                            [term] => color image
                                            [tf] => 4
                                        )

                                    [59] => stdClass Object
                                        (
                                            [term] => color process
                                            [tf] => 4
                                        )

                                    [60] => stdClass Object
                                        (
                                            [term] => cyan magenta
                                            [tf] => 4
                                        )

                                    [61] => stdClass Object
                                        (
                                            [term] => magenta yellow
                                            [tf] => 4
                                        )

                                    [62] => stdClass Object
                                        (
                                            [term] => combine
                                            [tf] => 4
                                        )

                                    [63] => stdClass Object
                                        (
                                            [term] => color psychology
                                            [tf] => 4
                                        )

                                    [64] => stdClass Object
                                        (
                                            [term] => wheel color
                                            [tf] => 4
                                        )

                                    [65] => stdClass Object
                                        (
                                            [term] => color range
                                            [tf] => 4
                                        )

                                    [66] => stdClass Object
                                        (
                                            [term] => monochromatic color
                                            [tf] => 4
                                        )

                                    [67] => stdClass Object
                                        (
                                            [term] => analogou color
                                            [tf] => 4
                                        )

                                    [68] => stdClass Object
                                        (
                                            [term] => split complementary
                                            [tf] => 4
                                        )

                                    [69] => stdClass Object
                                        (
                                            [term] => complementary scheme
                                            [tf] => 4
                                        )

                                    [70] => stdClass Object
                                        (
                                            [term] => dominant color
                                            [tf] => 4
                                        )

                                    [71] => stdClass Object
                                        (
                                            [term] => swatch file
                                            [tf] => 4
                                        )

                                    [72] => stdClass Object
                                        (
                                            [term] => select
                                            [tf] => 4
                                        )

                                    [73] => stdClass Object
                                        (
                                            [term] => color profile system
                                            [tf] => 3
                                        )

                                    [74] => stdClass Object
                                        (
                                            [term] => monochromatic color scheme
                                            [tf] => 3
                                        )

                                    [75] => stdClass Object
                                        (
                                            [term] => tint tone shade
                                            [tf] => 3
                                        )

                                    [76] => stdClass Object
                                        (
                                            [term] => cyan magenta yellow
                                            [tf] => 3
                                        )

                                    [77] => stdClass Object
                                        (
                                            [term] => key black
                                            [tf] => 3
                                        )

                                    [78] => stdClass Object
                                        (
                                            [term] => hamburger dropdown
                                            [tf] => 3
                                        )

                                    [79] => stdClass Object
                                        (
                                            [term] => swatch panel
                                            [tf] => 3
                                        )

                                    [80] => stdClass Object
                                        (
                                            [term] => meaning color
                                            [tf] => 3
                                        )

                                    [81] => stdClass Object
                                        (
                                            [term] => color mode
                                            [tf] => 3
                                        )

                                    [82] => stdClass Object
                                        (
                                            [term] => color choice
                                            [tf] => 3
                                        )

                                    [83] => stdClass Object
                                        (
                                            [term] => profile system
                                            [tf] => 3
                                        )

                                    [84] => stdClass Object
                                        (
                                            [term] => color swatch
                                            [tf] => 3
                                        )

                                    [85] => stdClass Object
                                        (
                                            [term] => achieved
                                            [tf] => 3
                                        )

                                    [86] => stdClass Object
                                        (
                                            [term] => yellow blue
                                            [tf] => 3
                                        )

                                    [87] => stdClass Object
                                        (
                                            [term] => color yellow
                                            [tf] => 3
                                        )

                                    [88] => stdClass Object
                                        (
                                            [term] => green yellow
                                            [tf] => 3
                                        )

                                    [89] => stdClass Object
                                        (
                                            [term] => blue red
                                            [tf] => 3
                                        )

                                    [90] => stdClass Object
                                        (
                                            [term] => dominant hue
                                            [tf] => 3
                                        )

                                    [91] => stdClass Object
                                        (
                                            [term] => accent color
                                            [tf] => 3
                                        )

                                    [92] => stdClass Object
                                        (
                                            [term] => brand element
                                            [tf] => 3
                                        )

                                    [93] => stdClass Object
                                        (
                                            [term] => monochromatic analogou
                                            [tf] => 3
                                        )

                                    [94] => stdClass Object
                                        (
                                            [term] => color produced
                                            [tf] => 3
                                        )

                                )

                            [page_rank_decimal] => 66
                            [rank] => 343
                        )

                    [11] => stdClass Object
                        (
                            [position] => 12
                            [title] => A Beginner's Guide to Color Theory
                            [url] => https://uxcel.com/blog/beginners-guide-to-color-theory
                            [destination] => https://uxcel.com › blog › beginners-guide-to-color-the...
                            [description] => Standing on the outlook and looking in, it may initially seem challenging to understand color theory and psychology. However, the beauty of color is that anyone can jump in and learn the basics. Color is about simple principles and practice. In this article, we'll discuss color theory, a crucial part of UX/UI design learning and education
                            [isAmp] => 
                            [date] => 20 Nov 2020
                            [organic_position] => 11
                            [serp_type] => page
                            [isOrganicPage] => 1
                            [isOrganic] => 1
                            [serp_title] => A Beginner's Guide to Color Theory - Uxcel
                            [serp_description] => A Beginner's Guide to Color Theory · Additive color model (also known as the RGB color system) is the foundation of colors used on various ...
                            [hostname] => uxcel.com
                            [canonical] => https://uxcel.com/blog/beginners-guide-to-color-theory
                            [h1] => A Beginner's Guide to Color Theory
                            [h2] => Array
                                (
                                    [0] => What is color theory?
                                    [1] => What is the color wheel?
                                    [2] => What is color temperature?
                                    [3] => What are color variations?
                                    [4] => What are color models?
                                    [5] => What are color schemes?
                                    [6] => Conclusion
                                )

                            [h3] => Array
                                (
                                    [0] => Continue reading
                                    [1] => Introduction to typefaces & fonts
                                    [2] => Why Uxcel now?
                                    [3] => What is User Experience (UX) Design
                                )

                            [h2WithAnchors] => Array
                                (
                                    [0] => stdClass Object
                                        (
                                            [text] => What is color theory?
                                        )

                                    [1] => stdClass Object
                                        (
                                            [text] => What is the color wheel?
                                        )

                                    [2] => stdClass Object
                                        (
                                            [text] => What is color temperature?
                                        )

                                    [3] => stdClass Object
                                        (
                                            [text] => What are color variations?
                                        )

                                    [4] => stdClass Object
                                        (
                                            [text] => What are color models?
                                        )

                                    [5] => stdClass Object
                                        (
                                            [text] => What are color schemes?
                                        )

                                    [6] => stdClass Object
                                        (
                                            [text] => Conclusion
                                        )

                                )

                            [type] => website
                            [wordCount] => 1596
                            [imgCount] => 25
                            [lang] => 
                            [faq_on_page] => Array
                                (
                                )

                            [anchors] => stdClass Object
                                (
                                    [size] => 35
                                    [outboundSize] => 4
                                    [list] => Array
                                        (
                                            [0] => stdClass Object
                                                (
                                                    [text] => 
                                                    [href] => https://www.linkedin.com/in/marina-yalanska-155b4063/
                                                    [hrefDomain] => linkedin.com
                                                    [isOutbound] => 1
                                                )

                                            [1] => stdClass Object
                                                (
                                                    [text] => 
                                                    [href] => https://twitter.com/MYalanska
                                                    [hrefDomain] => twitter.com
                                                    [isOutbound] => 1
                                                )

                                            [2] => stdClass Object
                                                (
                                                    [text] => 
                                                    [href] => https://www.linkedin.com/in/marina-yalanska-155b4063/
                                                    [hrefDomain] => linkedin.com
                                                    [isOutbound] => 1
                                                )

                                            [3] => stdClass Object
                                                (
                                                    [text] => 
                                                    [href] => https://twitter.com/MYalanska
                                                    [hrefDomain] => twitter.com
                                                    [isOutbound] => 1
                                                )

                                        )

                                )

                            [toc] => Array
                                (
                                    [0] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => What is color theory?
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [1] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => What is the color wheel?
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [2] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => What is color temperature?
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [3] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => What are color variations?
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [4] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => What are color models?
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [5] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => What are color schemes?
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [6] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => Conclusion. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                    [0] => stdClass Object
                                                        (
                                                            [level] => 5
                                                            [name] => Author
                                                            [tag] => h5
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [1] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Continue reading. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [2] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Introduction to typefaces & fonts. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [3] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Why Uxcel now?
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [4] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => What is User Experience (UX) Design. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                    [0] => stdClass Object
                                                                        (
                                                                            [level] => 5
                                                                            [name] => Cookie Settings 🍪
                                                                            [tag] => h5
                                                                            [children] => Array
                                                                                (
                                                                                )

                                                                        )

                                                                )

                                                        )

                                                )

                                        )

                                )

                            [og] => stdClass Object
                                (
                                    [ogImage] => https://assets.website-files.com/60448d88229430448d235746/6045e1590a42d52532cfbee5_A%20Beginner%27s%20Guide%20to%20Color%20Theory%20-%20th.jpeg
                                )

                            [schema_type] => Array
                                (
                                )

                            [comment_questions] => Array
                                (
                                )

                            [body] => A Beginner's Guide to Color TheoryStanding on the outlook and looking in, it may initially seem challenging to understand color theory and psychology. However, the beauty of color is that anyone can jump in and learn the basics. Color is about simple principles and practice. In this article, we'll discuss color theory, a crucial part of UX/UI design learning and education.Marina YalanskaNovember 20, 2020Standing on the outlook and looking in, it may initially seem challenging to understand color theory and psychology. However, the beauty of color is that anyone can jump in and learn the basics. Color is about simple principles and practice. In this article, we'll discuss color theory, a crucial part of UX/UI design learning and education.‍What is color theory?Color theory is the practical science of mixing colors according to how people see and perceive them. The modern color theory focuses on the color wheel, and its definition of primary, secondary, and tertiary colors.In the physical world, all the objects reflect light, each with a different wavelength. The human brain perceives these wavelength combinations and interprets then into various colors. This process is incredibly fast and takes place in a fraction of a second without us even realizing it.So why do designers need to know this? Designers have to understand the importance of color. It is one of the most influential factors on our perception of nearly everything we see, be it a web page, book cover, cereal box, or a piece of art. As mentioned in the article about color psychology, the Institute for Color Research study found that people make a subconscious judgment about an object, person, or environment within 90 seconds of initial viewing. What's more, 62% to 90% of that assessment is based only on color alone!Not only does color have a significant psychological impact, but it also directly impacts the overall user experience. So, your color selection is of the highest responsibility, so choose wisely. The good news is that it's easy to learn the basics and to avoid making costly mistakes.‍What is the color wheel?A color wheel is a tool that has helped people organize, classify, and mix colors for over several centuries. In 1666 Sir Isaac Newton designed the first version of the color wheel, which is amazingly still used to develop color combinations and palettes today.Color wheel features:Primary colors: red, yellow, blueSecondary colors (mixed from primary colors): green, orange, purpleTertiary colors (mixed from primary and secondary colors): red-purple, red-orange, yellow-orange, yellow-green, blue-green, blue-purple. The purpose of the color wheel is to allow designers to quickly understand the nature of each color and combine them effectively.‍What is color temperature?Colors also have a temperature, and that doesn't mean they're running a fever. It means they can be either warm and cool. It's easy to define this relationship using the color wheel:  divide it by half along the y-axis. The right side features warm colors, and the left cool colors.Warm colors are composed of red, orange, yellow, and all of their combinations. They are generally associated with the sun at various times of the day and help provide energy, activity, strength, and passion. Warm colors are fantastic for catching a user's attention.Cool colors are blue, green, purple, and their variations, but blue is the coolest of the cool. It's the only primary color that lies within the cool spectrum. The other cool colors are created using a combination of blue and warm colors. Cool colors represent water, night, and nature, and are usually associated with balance and calmness.You can learn much more about color theory by checking out Uxcel.com‍What are color variations?Many of us are familiar with the color wheel and the standard range of primary, secondary, and tertiary colors, but how do we create even more variations? Diving deeper into color theory, let's look at hue, shade, tint, and tone and how they can be used to create a nearly limitless range of colors.A hue is a pure color, with no additions. It's what you see when looking at the color wheelA tint is a hue with white added to it. We create pink by combining white and red.A shade is a hue with black added to it. We create burgundy by combining black and red.A tone is a hue with black and white (otherwise known as grey) added to it. Working grey provides more flexibility, as it's easier to adjust the intensity and darkness of the original hue.Furthermore, you can also adjust the following properties to create even more color variations.Chroma is a color's purity. The higher the chroma, the more pure the color.Saturation is the overall strength or weakness of the color. The higher the saturation, the stronger the color.Value is the level of darkness or lightness. The lighter the color, the higher the value.‍What are color models?To apply colors effectively in a user interface or graphic design project, designers also need to know about two basic color models based on their physical characteristics: additive and subtractive.Additive color model (also known as the RGB color system) is the foundation of colors used on various screens. It defines red, blue, and green as primary colors. The combinations of the mentioned primary colors give such secondary colors as cyan, magenta, and yellow whose brightness can be moderated with the level of light added. Subtractive color model gets colors by subtracting light and is presented by two color systems, RYB and CMY. RYB (red, yellow, blue) is also known as artistic and is popular in painting. CMY color system considers cyan, magenta, and yellow as the most effective set of colors to combine. It was initially used in printed stuff and then was transformed into CMYK (cyan, magenta, and yellow) with the advent of photomechanical printing.‍What are color schemes?Now let’s take a closer glance at using the color wheel for effective color combinations in your designs. According to color theory, to create a harmonic combination of colors, you are recommended to use:two opposite colors on the color wheelthree colors situated in the equally-spread points of the color wheel to form a trianglefour colors standing on the points forming a rectangle, which means you get two pairs of colors opposite on the color wheel.Whatever angle of the mentioned schemes you choose, they will stay harmonic.Here are some popular color schemes.Monochromatic color schemes use one color that may be presented in different shades and tones. Its superpower is simplicity: it doesn’t leave room for a mistake in mixing colors and supports a sort of minimalistic approach.Analogous color schemes use colors that lie together on the color wheel. This kind of scheme doesn’t create much contrast and looks good on various web pages, banners, and popups.‍Complementary color schemes use colors opposite each other on the color wheel. This kind of scheme is perfect for creating catchy and obvious contrast.Split-Complementary color schemes extend the previous with more colors: they use one color from one side of the wheel and two colors neighboring the color opposite it, this way forming a triangle on the color wheel. It lowers the contrast level but allows for employing more colors.Triadic color schemes use three colors equidistant on the color wheel. To keep the harmony and balance with this scheme, it’s recommended to choose one of the colors as a dominant and two others could be used for details and accents.Tetradic (aka Double-Complementary) color schemes use an even more complex approach. They use four colors that present two pairs of colors opposite each other on the color wheel, so you will get a rectangle by connecting the points marking their positions on the wheel. ‍Conclusion. Sure, color theory, as well as color psychology, is not a simple thing to fully cover after one article. However, the basic points mentioned above will help you start working on colors for your UX design projects with a deeper understanding. Also, it may equip you with a more thoughtful approach to designs done by masters: analyzing the color schemes they apply allows you to effectively train your designer’s eye, taste, and understanding of color theory in practice.CopiedAuthorMarina YalanskaContinue reading. LearnIntroduction to typefaces & fonts. Cameron Chapman•March 10, 2021LearnWhy Uxcel now?Gene Kamenez•March 9, 2021LearnWhat is User Experience (UX) Design. Colin Pace•November 17, 2020We use cookies 🍪 to analyze our site and deliver personalized content. By clicking “Agree”, you content to our Cookie Policy. You may change your settings at any time.AgreeCookie SettingsCookie Settings 🍪We use cookies to remember your login details, provide a secure log-in experience, collect statistics to optimize site functionality, and deliver content and advertising tailored to your interests. You can view detailed descriptions of the types of cookies we use in our Cookie Policy.Click “Agree” to accept all cookies or “Decline” to allow only necessary cookies. You may change your preferences at any time by clicking the ”Cookies“ link in the footer of the page.DeclineAgree🍪 Cookies Preferences
                            [kwBody] => Array
                                (
                                    [0] => stdClass Object
                                        (
                                            [term] => color
                                            [tf] => 108
                                        )

                                    [1] => stdClass Object
                                        (
                                            [term] => wheel
                                            [tf] => 16
                                        )

                                    [2] => stdClass Object
                                        (
                                            [term] => color wheel
                                            [tf] => 13
                                        )

                                    [3] => stdClass Object
                                        (
                                            [term] => theory
                                            [tf] => 11
                                        )

                                    [4] => stdClass Object
                                        (
                                            [term] => scheme
                                            [tf] => 11
                                        )

                                    [5] => stdClass Object
                                        (
                                            [term] => color theory
                                            [tf] => 10
                                        )

                                    [6] => stdClass Object
                                        (
                                            [term] => what
                                            [tf] => 8
                                        )

                                    [7] => stdClass Object
                                        (
                                            [term] => yellow
                                            [tf] => 8
                                        )

                                    [8] => stdClass Object
                                        (
                                            [term] => what color
                                            [tf] => 7
                                        )

                                    [9] => stdClass Object
                                        (
                                            [term] => color scheme
                                            [tf] => 7
                                        )

                                    [10] => stdClass Object
                                        (
                                            [term] => design
                                            [tf] => 7
                                        )

                                    [11] => stdClass Object
                                        (
                                            [term] => primary
                                            [tf] => 7
                                        )

                                    [12] => stdClass Object
                                        (
                                            [term] => combination
                                            [tf] => 7
                                        )

                                    [13] => stdClass Object
                                        (
                                            [term] => blue
                                            [tf] => 7
                                        )

                                    [14] => stdClass Object
                                        (
                                            [term] => create
                                            [tf] => 7
                                        )

                                    [15] => stdClass Object
                                        (
                                            [term] => cooky
                                            [tf] => 7
                                        )

                                    [16] => stdClass Object
                                        (
                                            [term] => designer
                                            [tf] => 6
                                        )

                                    [17] => stdClass Object
                                        (
                                            [term] => red
                                            [tf] => 6
                                        )

                                    [18] => stdClass Object
                                        (
                                            [term] => cool
                                            [tf] => 6
                                        )

                                    [19] => stdClass Object
                                        (
                                            [term] => basic
                                            [tf] => 5
                                        )

                                    [20] => stdClass Object
                                        (
                                            [term] => green
                                            [tf] => 5
                                        )

                                    [21] => stdClass Object
                                        (
                                            [term] => hue
                                            [tf] => 5
                                        )

                                    [22] => stdClass Object
                                        (
                                            [term] => opposite
                                            [tf] => 5
                                        )

                                    [23] => stdClass Object
                                        (
                                            [term] => color scheme color
                                            [tf] => 4
                                        )

                                    [24] => stdClass Object
                                        (
                                            [term] => primary color
                                            [tf] => 4
                                        )

                                    [25] => stdClass Object
                                        (
                                            [term] => opposite color
                                            [tf] => 4
                                        )

                                    [26] => stdClass Object
                                        (
                                            [term] => color opposite
                                            [tf] => 4
                                        )

                                    [27] => stdClass Object
                                        (
                                            [term] => scheme color
                                            [tf] => 4
                                        )

                                    [28] => stdClass Object
                                        (
                                            [term] => psychology
                                            [tf] => 4
                                        )

                                    [29] => stdClass Object
                                        (
                                            [term] => learn
                                            [tf] => 4
                                        )

                                    [30] => stdClass Object
                                        (
                                            [term] => article
                                            [tf] => 4
                                        )

                                    [31] => stdClass Object
                                        (
                                            [term] => person
                                            [tf] => 4
                                        )

                                    [32] => stdClass Object
                                        (
                                            [term] => secondary
                                            [tf] => 4
                                        )

                                    [33] => stdClass Object
                                        (
                                            [term] => mentioned
                                            [tf] => 4
                                        )

                                    [34] => stdClass Object
                                        (
                                            [term] => user
                                            [tf] => 4
                                        )

                                    [35] => stdClass Object
                                        (
                                            [term] => orange
                                            [tf] => 4
                                        )

                                    [36] => stdClass Object
                                        (
                                            [term] => warm
                                            [tf] => 4
                                        )

                                    [37] => stdClass Object
                                        (
                                            [term] => added
                                            [tf] => 4
                                        )

                                    [38] => stdClass Object
                                        (
                                            [term] => point
                                            [tf] => 4
                                        )

                                    [39] => stdClass Object
                                        (
                                            [term] => cyan magenta yellow
                                            [tf] => 3
                                        )

                                    [40] => stdClass Object
                                        (
                                            [term] => color opposite color
                                            [tf] => 3
                                        )

                                    [41] => stdClass Object
                                        (
                                            [term] => complementary color scheme
                                            [tf] => 3
                                        )

                                    [42] => stdClass Object
                                        (
                                            [term] => learn basic
                                            [tf] => 3
                                        )

                                    [43] => stdClass Object
                                        (
                                            [term] => basic color
                                            [tf] => 3
                                        )

                                    [44] => stdClass Object
                                        (
                                            [term] => primary secondary
                                            [tf] => 3
                                        )

                                    [45] => stdClass Object
                                        (
                                            [term] => color combination
                                            [tf] => 3
                                        )

                                    [46] => stdClass Object
                                        (
                                            [term] => orange yellow
                                            [tf] => 3
                                        )

                                    [47] => stdClass Object
                                        (
                                            [term] => blue green
                                            [tf] => 3
                                        )

                                    [48] => stdClass Object
                                        (
                                            [term] => warm color
                                            [tf] => 3
                                        )

                                    [49] => stdClass Object
                                        (
                                            [term] => color model
                                            [tf] => 3
                                        )

                                    [50] => stdClass Object
                                        (
                                            [term] => color system
                                            [tf] => 3
                                        )

                                    [51] => stdClass Object
                                        (
                                            [term] => cyan magenta
                                            [tf] => 3
                                        )

                                    [52] => stdClass Object
                                        (
                                            [term] => magenta yellow
                                            [tf] => 3
                                        )

                                    [53] => stdClass Object
                                        (
                                            [term] => complementary color
                                            [tf] => 3
                                        )

                                )

                            [page_rank_decimal] => 42
                            [rank] => 1365083
                        )

                    [12] => stdClass Object
                        (
                            [position] => 13
                            [title] => The Ultimate Guide to Basic Color Theory for All Artists
                            [url] => https://mymodernmet.com/basic-color-theory/
                            [destination] => https://mymodernmet.com › basic-color-theory
                            [description] => This guide to basic color theory explores the history of color theory, primary colors, the color wheel, and color harmony
                            [isAmp] => 
                            [date] => 5 Oct 2018
                            [organic_position] => 12
                            [serp_type] => page
                            [isOrganicPage] => 1
                            [isOrganic] => 1
                            [serp_title] => The Ultimate Guide to Basic Color Theory for All Artists - My ...
                            [serp_description] => This guide to basic color theory explores the history of color theory, primary colors, the color wheel, and color harmony.
                            [hostname] => mymodernmet.com
                            [canonical] => https://mymodernmet.com/basic-color-theory/
                            [h1] => Learn How Color Theory Can Push Your Creativity to the Next Level
                            [h2] => Array
                                (
                                    [0] => The History of Color Theory
                                    [1] => Primary Colors
                                )

                            [h3] => Array
                                (
                                    [0] => Get Our Weekly Newsletter
                                    [1] => Related Articles
                                    [2] => Sponsored Content
                                    [3] => More on My Modern Met
                                    [4] => Get Our Weekly Newsletter
                                    [5] => My Modern Met
                                )

                            [h2WithAnchors] => Array
                                (
                                    [0] => stdClass Object
                                        (
                                            [text] => The History of Color Theory
                                        )

                                    [1] => stdClass Object
                                        (
                                            [text] => Primary Colors
                                        )

                                )

                            [published_time] => stdClass Object
                                (
                                    [lastUpdate] => 
                                    [dateFormatted] => 5o October 2018
                                    [dateISO] => 2018-10-05T20:55:45+00:00
                                )

                            [modified_time] => stdClass Object
                                (
                                    [lastUpdate] => 
                                    [dateFormatted] => 11o June 2021
                                    [dateISO] => 2021-06-11T15:57:17+00:00
                                )

                            [type] => article
                            [wordCount] => 1203
                            [imgCount] => 20
                            [lang] => stdClass Object
                                (
                                    [langLinks] => Array
                                        (
                                            [0] => stdClass Object
                                                (
                                                    [lang] => en
                                                    [url] => https://mymodernmet.com/basic-color-theory/
                                                )

                                            [1] => stdClass Object
                                                (
                                                    [lang] => es
                                                    [url] => https://mymodernmet.com/es/teoria-color-basica/
                                                )

                                        )

                                    [size] => 2
                                    [string] => en / es
                                )

                            [faq_on_page] => Array
                                (
                                )

                            [anchors] => stdClass Object
                                (
                                    [size] => 76
                                    [outboundSize] => 19
                                    [list] => Array
                                        (
                                            [0] => stdClass Object
                                                (
                                                    [text] => KRIACHKO OLEKSII
                                                    [href] => https://www.shutterstock.com/image-photo/colors-rainbow-pattern-multicolored-butterflies-morpho-784675318?src=UURRDwMT8HpHAxACWtdeXg-1-38
                                                    [hrefDomain] => shutterstock.com
                                                    [rel] => noopener
                                                    [isOutbound] => 1
                                                )

                                            [1] => stdClass Object
                                                (
                                                    [text] => via Wikimedia Commons
                                                    [href] => https://commons.wikimedia.org/wiki/File:Goethe,_Farbenkreis_zur_Symbolisierung_des_menschlichen_Geistes-_und_Seelenlebens,_1809.jpg
                                                    [hrefDomain] => wikimedia.org
                                                    [rel] => noopener
                                                    [isOutbound] => 1
                                                )

                                            [2] => stdClass Object
                                                (
                                                    [text] => Opticks
                                                    [href] => https://amzn.to/2O1tMW8
                                                    [hrefDomain] => amzn.to
                                                    [rel] => nofollow
                                                    [isOutbound] => 1
                                                )

                                            [3] => stdClass Object
                                                (
                                                    [text] => The Theory of Colours
                                                    [href] => https://amzn.to/2xuo2uK
                                                    [hrefDomain] => amzn.to
                                                    [rel] => nofollow
                                                    [isOutbound] => 1
                                                )

                                            [4] => stdClass Object
                                                (
                                                    [text] => Getty Research Institute
                                                    [href] => https://archive.org/details/gri_c00033125012743312
                                                    [hrefDomain] => archive.org
                                                    [rel] => noopener
                                                    [isOutbound] => 1
                                                )

                                            [5] => stdClass Object
                                                (
                                                    [text] => Alexandru-Radu Borzea
                                                    [href] => https://www.shutterstock.com/image-vector/cmyk-rgb-ryb-color-schemes-121798420
                                                    [hrefDomain] => shutterstock.com
                                                    [rel] => noopener
                                                    [isOutbound] => 1
                                                )

                                            [6] => stdClass Object
                                                (
                                                    [text] => Shop All Products
                                                    [href] => https://mymodernmet.store/
                                                    [hrefDomain] => mymodernmet.store
                                                    [rel] => nofollow noreferrer
                                                    [isOutbound] => 1
                                                )

                                            [7] => stdClass Object
                                                (
                                                    [text] => Frida Kahlo Action Figure by Today is Art Day $29.99
                                                    [href] => https://mymodernmet.store/products/frida-kahlo-action-figure
                                                    [hrefDomain] => mymodernmet.store
                                                    [isOutbound] => 1
                                                )

                                            [8] => stdClass Object
                                                (
                                                    [text] => Big Wooden Cat Pile Game by Comma $39.95
                                                    [href] => https://mymodernmet.store/products/big-wooden-cat-pile-game
                                                    [hrefDomain] => mymodernmet.store
                                                    [isOutbound] => 1
                                                )

                                            [9] => stdClass Object
                                                (
                                                    [text] => Viviva Colorsheets by Viviva Colorsheets $19.95
                                                    [href] => https://mymodernmet.store/products/viviva-colorsheets
                                                    [hrefDomain] => mymodernmet.store
                                                    [isOutbound] => 1
                                                )

                                            [10] => stdClass Object
                                                (
                                                    [text] => Shop All Products
                                                    [href] => https://mymodernmet.store/
                                                    [hrefDomain] => mymodernmet.store
                                                    [rel] => nofollow noreferrer
                                                    [isOutbound] => 1
                                                )

                                            [11] => stdClass Object
                                                (
                                                    [text] => Store
                                                    [href] => https://mymodernmet.store/
                                                    [hrefDomain] => mymodernmet.store
                                                    [isOutbound] => 1
                                                )

                                            [12] => stdClass Object
                                                (
                                                    [text] => 
                                                    [href] => https://www.facebook.com/mymodernmet/
                                                    [hrefDomain] => facebook.com
                                                    [rel] => noreferrer nofollow
                                                    [isOutbound] => 1
                                                )

                                            [13] => stdClass Object
                                                (
                                                    [text] => 
                                                    [href] => https://www.pinterest.com/mymodernmet/
                                                    [hrefDomain] => pinterest.com
                                                    [rel] => noreferrer nofollow
                                                    [isOutbound] => 1
                                                )

                                            [14] => stdClass Object
                                                (
                                                    [text] => 
                                                    [href] => https://twitter.com/mymodernmet
                                                    [hrefDomain] => twitter.com
                                                    [rel] => noreferrer nofollow
                                                    [isOutbound] => 1
                                                )

                                            [15] => stdClass Object
                                                (
                                                    [text] => 
                                                    [href] => https://www.instagram.com/mymodernmet/
                                                    [hrefDomain] => instagram.com
                                                    [rel] => noreferrer nofollow
                                                    [isOutbound] => 1
                                                )

                                            [16] => stdClass Object
                                                (
                                                    [text] => 
                                                    [href] => https://flipboard.com/@mymodernmet?utm_campaign=tools&utm_medium=follow&action=follow
                                                    [hrefDomain] => flipboard.com
                                                    [isOutbound] => 1
                                                )

                                            [17] => stdClass Object
                                                (
                                                    [text] => 
                                                    [href] => http://mymodernmet.tumblr.com/
                                                    [hrefDomain] => tumblr.com
                                                    [rel] => noreferrer nofollow
                                                    [isOutbound] => 1
                                                )

                                            [18] => stdClass Object
                                                (
                                                    [text] => 
                                                    [href] => https://www.youtube.com/c/MyModernMetVideos
                                                    [hrefDomain] => youtube.com
                                                    [rel] => noreferrer nofollow
                                                    [isOutbound] => 1
                                                )

                                        )

                                )

                            [toc] => Array
                                (
                                    [0] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => The History of Color Theory. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [1] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => Primary Colors. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                    [0] => stdClass Object
                                                        (
                                                            [level] => 4
                                                            [name] => Next up: Learn about the theory behind the color wheel and how to use it to create harmonious color palettes.
                                                            [tag] => h4
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [1] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Get Our Weekly Newsletter. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [2] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Related Articles. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [3] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Sponsored Content. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [4] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => More on My Modern Met. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [5] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Get Our Weekly Newsletter. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [6] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => My Modern Met. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                )

                                        )

                                )

                            [og] => stdClass Object
                                (
                                    [ogImage] => https://mymodernmet.com/wp/wp-content/uploads/2018/09/basic-color-theory-thumbnail.jpg
                                    [twitterImage] => https://mymodernmet.com/wp/wp-content/uploads/2018/09/basic-color-theory-thumbnail.jpg
                                )

                            [schema_type] => Array
                                (
                                )

                            [comment_questions] => Array
                                (
                                )

                            [body] => Learn How Color Theory Can Push Your Creativity to the Next Level By Jessica Stewart on October 5, 2018 Photo: KRIACHKO OLEKSII via ShutterstockThis post may contain affiliate links. If you make a purchase, My Modern Met may earn an affiliate commission. Please read our disclosure for more info. Color is one of the seven elements of art and one of the first things we learn in school. Understanding the basic primary colors and how they blend is an activity found in most elementary school classrooms, but that’s just one piece of a much larger field known as color theory. Used by painters, graphic designers, interior decorators, and anyone working in visual culture, color theory is an essential part of any creative’s toolkit. By understanding the principles of color and the science behind how we perceive different hues, creatives are able to mix, match, and blend a wide range of colors to please the eye. The History of Color Theory. Color wheel by Johann Wolfgang von Goethe, 1809. (Photo: [Public domain], via Wikimedia CommonsWhile it may seem like standard theories about color have always existed, that’s not the case. Of course, colors like blue have been around since ancient times, when the Egyptians learned how to create permanent pigments from minerals. Even Leonardo da Vinci explored color principles in his extensive notebooks. However, it wasn’t until the 18th century that color theory began to formally take shape. Initial explorations in color were from a scientific point of view. Isaac Newton, in his 1704 book Opticks made a breakthrough in proving that light was made of different colors. Controversial at the time—as it was thought that pure light was colorless—his experiments became important stepping stones for color theory. He even organized an early color wheel based off of the color combinations he saw when refracting light through a prism. Later publications, The Theory of Colours by German poet Johann Wolfgang von Goethe and The Law of Simultaneous Color Contrast by French chemist Michel Eugene Chevreul, are considered the founding documents of color theory. Published in the early 19th century, they deal with color psychology and chromatic aberration, and they further refined the color wheel. At that time, color theory was based on RYB primary colors, which defined red, yellow, and blue as the colors capable of mixing all hues. This is the scheme most commonly taught in grade school and is still used in mixing paints. Later scholars would switch to an RGB (red, green, blue) and CMY (cyan, magenta, yellow) models as advances in technology increased the range of synthetic pigments in photography and printing. Werner’s Nomenclature of Colors, 1821. (Photo: Getty Research Institute via Internet Archive) The 19th century brou’ght about many books on color theory and how it can be applied to the visual arts. Authors often looked to nature for the hues and tones that make up the color wheel and their publications are still coveted color manuals today. For instance, Werner’s Nomenclature of Colours, which is also available online, was used by Charles Darwin as a scientific tool. First published in 1814, each color was given a poetic name like “Velvet Black” and it listed where the color is found in nature. By 1901, when Emily Noyes Vanderpoel wrote her revolutionary color manual Color Problems she incorporated industrial items into her research. Vanderpoel looked at everything from teacups to plants and used grids to break down the colors found in each object. Today, color theory is all around us. Let’s take a look at some of the basic terminology and principles to help you make the best color choices for your next creative projects. Primary Colors. The three primary color schemes. Photo: Alexandru-Radu Borzea via Shutterstock Primary colors are hues that can be mixed to produce a wide gamut of colors. As we’ve already learned, there are different sets of primary colors depending on what mixing model you are using. Most of us are familiar with the red, yellow, and blue (RYB) primaries, which is taught to children when they are acquiring basic art skills. These are still the primaries that most painters, artists, and interior designers use today. The RYB model is an example of a subtractive color model. Subtractive mixing is when inks, colorants, or pigments form new colors by absorbing some parts of the visible spectrum. Cyan, magenta, and yellow (CMY) are also subtractive primaries. Typically used in color printing, traditional red and blue were substituted with magenta and cyan over time as technology advanced and these pigments allowed for a wider range of colors. CMYK is also the name for the printing process itself, with the K standing for “key ink.” This is typically a black that helps pull out artistic detail, as the black achieved by mixing the three primaries is more grey. The last model used is the red, green, and blue (RGB) system. RGB is an additive color model, which begins with darkness and uses different colors of light mixed together to achieve white. We most commonly see this model on computer and television screens. Photographers will also be quite familiar with working with an RGB color profile when editing images to be used online and switching over to a CMYK color profile when printing. Next up: Learn about the theory behind the color wheel and how to use it to create harmonious color palettes. Page 1/2 Want to learn more about colors? Share Like My Modern Met on Facebook Get Our Weekly Newsletter Become a My Modern Met Member As a member, you'll join us in our effort to support the arts. Become a Member Explore member benefits Get Our Weekly Newsletter. Featured Products Shop All Products Vintage-Inspired Bird Scarf by Shovava $62.00 Frida Kahlo Action Figure by Today is Art Day $29.99 Big Wooden Cat Pile Game by Comma $39.95 Viviva Colorsheets by Viviva Colorsheets $19.95 Shop All Products Related Articles. Artist Cuts Out Exquisite Patterned Dresses From Large Sheets of Paper What Is Kawaii? Discover What Led to Japan’s Culture of Cuteness Artist Reuses Yarn and Discarded Plastics To Create Crocheted Art About the Climate Crisis Artist Creates Mesmerizing Mini Zen Gardens That Are Hypnotic to Watch Being Made Cinematic Animation Visualizes One Artist’s Experience Living With Anxiety First Immersive Exhibition Created in Mexico Celebrates Frida Kahlo’s Life and Art Sponsored Content. More on My Modern Met. Dreamy Landscapes Accented With Glowing Lights Inspire Relaxation Artist Recreates the Fleeting Beauty of Sunsets With Jars of Hand-Colored Sand Colorful Textured Portraits Made With African Print Fabrics Highlight the Complexities of Human Beings Kehinde Wiley Painting of Young Black Man Honors Classical Techniques and Challenges Cultural Values Teen Finds Buried Treasure From the Bronze Age While Searching With Metal Detector Best of 2021: Top 12 NFT Artists and Crypto Art Projects Get Our Weekly Newsletter. My Modern Met. Celebrating creativity and promoting a positive culture by spotlighting the best sides of humanity—from the lighthearted and fun to the thought-provoking and enlightening. Art Design Photography Architecture DIY Career Resources Classes Environment Science Technology Travel Store
                            [kwBody] => Array
                                (
                                    [0] => stdClass Object
                                        (
                                            [term] => color
                                            [tf] => 52
                                        )

                                    [1] => stdClass Object
                                        (
                                            [term] => theory
                                            [tf] => 13
                                        )

                                    [2] => stdClass Object
                                        (
                                            [term] => color theory
                                            [tf] => 10
                                        )

                                    [3] => stdClass Object
                                        (
                                            [term] => primary
                                            [tf] => 10
                                        )

                                    [4] => stdClass Object
                                        (
                                            [term] => art
                                            [tf] => 9
                                        )

                                    [5] => stdClass Object
                                        (
                                            [term] => model
                                            [tf] => 8
                                        )

                                    [6] => stdClass Object
                                        (
                                            [term] => artist
                                            [tf] => 8
                                        )

                                    [7] => stdClass Object
                                        (
                                            [term] => primary color
                                            [tf] => 6
                                        )

                                    [8] => stdClass Object
                                        (
                                            [term] => red
                                            [tf] => 6
                                        )

                                    [9] => stdClass Object
                                        (
                                            [term] => blue
                                            [tf] => 6
                                        )

                                    [10] => stdClass Object
                                        (
                                            [term] => modern met
                                            [tf] => 5
                                        )

                                    [11] => stdClass Object
                                        (
                                            [term] => color wheel
                                            [tf] => 5
                                        )

                                    [12] => stdClass Object
                                        (
                                            [term] => time
                                            [tf] => 5
                                        )

                                    [13] => stdClass Object
                                        (
                                            [term] => modern
                                            [tf] => 5
                                        )

                                    [14] => stdClass Object
                                        (
                                            [term] => met
                                            [tf] => 5
                                        )

                                    [15] => stdClass Object
                                        (
                                            [term] => wheel
                                            [tf] => 5
                                        )

                                    [16] => stdClass Object
                                        (
                                            [term] => light
                                            [tf] => 5
                                        )

                                    [17] => stdClass Object
                                        (
                                            [term] => mixing
                                            [tf] => 5
                                        )

                                    [18] => stdClass Object
                                        (
                                            [term] => learn
                                            [tf] => 4
                                        )

                                    [19] => stdClass Object
                                        (
                                            [term] => photo
                                            [tf] => 4
                                        )

                                    [20] => stdClass Object
                                        (
                                            [term] => hue
                                            [tf] => 4
                                        )

                                    [21] => stdClass Object
                                        (
                                            [term] => create
                                            [tf] => 4
                                        )

                                    [22] => stdClass Object
                                        (
                                            [term] => pigment
                                            [tf] => 4
                                        )

                                    [23] => stdClass Object
                                        (
                                            [term] => made
                                            [tf] => 4
                                        )

                                    [24] => stdClass Object
                                        (
                                            [term] => yellow
                                            [tf] => 4
                                        )

                                    [25] => stdClass Object
                                        (
                                            [term] => rgb
                                            [tf] => 4
                                        )

                                    [26] => stdClass Object
                                        (
                                            [term] => printing
                                            [tf] => 4
                                        )

                                    [27] => stdClass Object
                                        (
                                            [term] => today
                                            [tf] => 4
                                        )

                                    [28] => stdClass Object
                                        (
                                            [term] => black
                                            [tf] => 4
                                        )

                                    [29] => stdClass Object
                                        (
                                            [term] => member
                                            [tf] => 4
                                        )

                                    [30] => stdClass Object
                                        (
                                            [term] => theory color
                                            [tf] => 3
                                        )

                                    [31] => stdClass Object
                                        (
                                            [term] => weekly newsletter
                                            [tf] => 3
                                        )

                                    [32] => stdClass Object
                                        (
                                            [term] => subtractive
                                            [tf] => 3
                                        )

                                    [33] => stdClass Object
                                        (
                                            [term] => weekly
                                            [tf] => 3
                                        )

                                    [34] => stdClass Object
                                        (
                                            [term] => newsletter
                                            [tf] => 3
                                        )

                                    [35] => stdClass Object
                                        (
                                            [term] => product
                                            [tf] => 3
                                        )

                                )

                            [page_rank_decimal] => 56
                            [rank] => 4841
                        )

                    [13] => stdClass Object
                        (
                            [position] => 14
                            [title] => The Ultimate Guide To Color Theory For PhotographersA Guide To Color Theory For Photographers | Contrastly
                            [url] => https://contrastly.com/the-ultimate-guide-to-color-theory-for-photographers/
                            [destination] => https://contrastly.com › the-ultimate-guide-to-color-the...
                            [description] => While it may be a thin line to walk, being able to use color effectively can help you to take your photographs up a notch, allowing you to create compositions that are eye-catching and exciting
                            [isAmp] => 
                            [organic_position] => 13
                            [serp_type] => page
                            [isOrganicPage] => 1
                            [isOrganic] => 1
                            [serp_title] => The Ultimate Guide To Color Theory For Photographers
                            [serp_description] => A quadratic color scheme is a combination of two complementary color harmonies on the color wheel. This grouping can also be called a double complementary ...
                            [hostname] => contrastly.com
                            [canonical] => https://contrastly.com/the-ultimate-guide-to-color-theory-for-photographers/
                            [h1] => Premium Lightroom & ACR Presets, Photoshop Actions, and eBooks For Photography Enthusiasts Premium Lightroom & ACR Presets, Photoshop Actions, and eBooks For Photography Enthusiasts
                            [h2] => Array
                                (
                                    [0] => Understanding Color Theory
                                    [1] => Analogous Colors
                                    [2] => Complementary Colors
                                    [3] => Split Complementary Colors
                                    [4] => Triadic Colors
                                    [5] => Quadratic Colors
                                    [6] => Brightness and Saturation
                                    [7] => Different Colors, Different Moods
                                    [8] => Enhancing Color in Your Compositions
                                    [9] => Creating an HDR Aerial Panorama in Lightroom
                                    [10] => In-Depth Review of the Brand New ON1 Photo RAW
                                )

                            [h3] => Array
                                (
                                    [0] => Use a Polarizing Filter
                                    [1] => Get the Exposure Right
                                    [2] => Work With the Light
                                    [3] => Watch the Background and Foreground
                                    [4] => Adjust Your Colors in Post Processing
                                )

                            [h2WithAnchors] => Array
                                (
                                    [0] => stdClass Object
                                        (
                                            [text] => Understanding Color Theory
                                        )

                                    [1] => stdClass Object
                                        (
                                            [text] => Analogous Colors
                                        )

                                    [2] => stdClass Object
                                        (
                                            [text] => Complementary Colors
                                        )

                                    [3] => stdClass Object
                                        (
                                            [text] => Split Complementary Colors
                                        )

                                    [4] => stdClass Object
                                        (
                                            [text] => Triadic Colors
                                        )

                                    [5] => stdClass Object
                                        (
                                            [text] => Quadratic Colors
                                        )

                                    [6] => stdClass Object
                                        (
                                            [text] => Brightness and Saturation
                                        )

                                    [7] => stdClass Object
                                        (
                                            [text] => Different Colors, Different Moods
                                        )

                                    [8] => stdClass Object
                                        (
                                            [text] => Enhancing Color in Your Compositions
                                        )

                                    [9] => stdClass Object
                                        (
                                            [text] => Creating an HDR Aerial Panorama in Lightroom
                                        )

                                    [10] => stdClass Object
                                        (
                                            [text] => In-Depth Review of the Brand New ON1 Photo RAW
                                        )

                                )

                            [published_time] => stdClass Object
                                (
                                    [lastUpdate] => 
                                    [dateFormatted] => 9o June 2017
                                    [dateISO] => 2017-06-09T13:05:47+00:00
                                )

                            [modified_time] => stdClass Object
                                (
                                    [lastUpdate] => 
                                    [dateFormatted] => 14o August 2018
                                    [dateISO] => 2018-08-14T19:45:02+00:00
                                )

                            [type] => article
                            [wordCount] => 1444
                            [imgCount] => 12
                            [lang] => 
                            [faq_on_page] => Array
                                (
                                )

                            [anchors] => stdClass Object
                                (
                                    [size] => 35
                                    [outboundSize] => 16
                                    [list] => Array
                                        (
                                            [0] => stdClass Object
                                                (
                                                    [text] => 
                                                    [href] => https://www.facebook.com/Contrastly/
                                                    [hrefDomain] => facebook.com
                                                    [rel] => noopener noreferrer
                                                    [isOutbound] => 1
                                                )

                                            [1] => stdClass Object
                                                (
                                                    [text] => 
                                                    [href] => https://www.instagram.com/contrastlycom/
                                                    [hrefDomain] => instagram.com
                                                    [rel] => noopener noreferrer
                                                    [isOutbound] => 1
                                                )

                                            [2] => stdClass Object
                                                (
                                                    [text] => 
                                                    [href] => https://twitter.com/contrastly
                                                    [hrefDomain] => twitter.com
                                                    [rel] => noopener noreferrer
                                                    [isOutbound] => 1
                                                )

                                            [3] => stdClass Object
                                                (
                                                    [text] => 
                                                    [href] => https://www.youtube.com/contrastly
                                                    [hrefDomain] => youtube.com
                                                    [rel] => noopener noreferrer
                                                    [isOutbound] => 1
                                                )

                                            [4] => stdClass Object
                                                (
                                                    [text] => 
                                                    [href] => https://www.pinterest.com/contrastly/
                                                    [hrefDomain] => pinterest.com
                                                    [rel] => noopener noreferrer
                                                    [isOutbound] => 1
                                                )

                                            [5] => stdClass Object
                                                (
                                                    [text] => 
                                                    [href] => http://pinterest.com/pin/create/button/?url=https://contrastly.com/the-ultimate-guide-to-color-theory-for-photographers/&description=The Ultimate Guide to Color Theory for Photographers
                                                    [hrefDomain] => pinterest.com
                                                    [isOutbound] => 1
                                                )

                                            [6] => stdClass Object
                                                (
                                                    [text] => transform your compositions
                                                    [href] => https://checkout.photzy.com/referral/Advanced-Composition/541673
                                                    [hrefDomain] => photzy.com
                                                    [rel] => nofollow
                                                    [isOutbound] => 1
                                                )

                                            [7] => stdClass Object
                                                (
                                                    [text] => Ian Sane
                                                    [href] => https://www.flickr.com/photos/[email protected]/5766167301/
                                                    [hrefDomain] => flickr.com
                                                    [isOutbound] => 1
                                                )

                                            [8] => stdClass Object
                                                (
                                                    [text] => Jeff P
                                                    [href] => https://www.flickr.com/photos/jeffpang/11415064175
                                                    [hrefDomain] => flickr.com
                                                    [isOutbound] => 1
                                                )

                                            [9] => stdClass Object
                                                (
                                                    [text] => George Shahda
                                                    [href] => https://www.flickr.com/photos/[email protected]/33679681501/
                                                    [hrefDomain] => flickr.com
                                                    [isOutbound] => 1
                                                )

                                            [10] => stdClass Object
                                                (
                                                    [text] => polarizing filter
                                                    [href] => https://amzn.to/2qNhQN7
                                                    [hrefDomain] => amzn.to
                                                    [rel] => nofollow
                                                    [isOutbound] => 1
                                                )

                                            [11] => stdClass Object
                                                (
                                                    [text] => Twitter
                                                    [href] => https://twitter.com/contrastly
                                                    [hrefDomain] => twitter.com
                                                    [isOutbound] => 1
                                                )

                                            [12] => stdClass Object
                                                (
                                                    [text] => Facebook
                                                    [href] => https://www.facebook.com/Contrastly/
                                                    [hrefDomain] => facebook.com
                                                    [isOutbound] => 1
                                                )

                                            [13] => stdClass Object
                                                (
                                                    [text] => Vecteezy
                                                    [href] => https://www.vecteezy.com/vector-art/111358-color-samples
                                                    [hrefDomain] => vecteezy.com
                                                    [isOutbound] => 1
                                                )

                                            [14] => stdClass Object
                                                (
                                                    [text] => 
                                                    [href] => http://pinterest.com/pin/create/button/?url=https://contrastly.com/the-ultimate-guide-to-color-theory-for-photographers/&description=The Ultimate Guide to Color Theory for Photographers
                                                    [hrefDomain] => pinterest.com
                                                    [isOutbound] => 1
                                                )

                                            [15] => stdClass Object
                                                (
                                                    [text] => Tangled Thoughts
                                                    [href] => https://tangled-thoughts.com/
                                                    [hrefDomain] => tangled-thoughts.com
                                                    [isOutbound] => 1
                                                )

                                        )

                                )

                            [toc] => Array
                                (
                                    [0] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => Understanding Color Theory. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                    [0] => stdClass Object
                                                        (
                                                            [level] => 6
                                                            [name] => Modern Approach to Composition Ebook
                                                            [tag] => h6
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                )

                                        )

                                    [1] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => Analogous Colors. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [2] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => Complementary Colors. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [3] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => Split Complementary Colors. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [4] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => Triadic Colors. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [5] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => Quadratic Colors. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [6] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => Brightness and Saturation. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [7] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => Different Colors, Different Moods. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [8] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => Enhancing Color in Your Compositions. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                    [0] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Use a Polarizing Filter. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [1] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Get the Exposure Right. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [2] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Work With the Light. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [3] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Watch the Background and Foreground. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [4] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Adjust Your Colors in Post Processing. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                    [0] => stdClass Object
                                                                        (
                                                                            [level] => 4
                                                                            [name] => About the Author: Christina Harman. 
                                                                            [tag] => h4
                                                                            [children] => Array
                                                                                (
                                                                                )

                                                                        )

                                                                )

                                                        )

                                                )

                                        )

                                    [9] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => Creating an HDR Aerial Panorama in Lightroom. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [10] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => In-Depth Review of the Brand New ON1 Photo RAW. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                )

                            [og] => stdClass Object
                                (
                                    [ogImage] => https://contrastly.com/wp-content/uploads/colors.jpg
                                    [twitterImage] => https://contrastly.com/wp-content/uploads/colors.jpg
                                )

                            [schema_type] => Array
                                (
                                    [0] => Organization
                                )

                            [comment_questions] => Array
                                (
                                )

                            [body] => Premium Lightroom & ACR Presets, Photoshop Actions, and eBooks For Photography Enthusiasts Premium Lightroom & ACR Presets, Photoshop Actions, and eBooks For Photography Enthusiasts The Ultimate Guide to Color Theory for Photographers by Christina Harman Color is all around us, and when used correctly it can help your images come to life. Color has the power to transform your compositions; from dull and uninspiring to exciting and alive. However, in some cases, color can negatively impact an image as well, causing it to swim with details and appear distracting, or even unrealistic. While it may be a thin line to walk, being able to use color effectively can help you to take your photographs up a notch, allowing you to create compositions that are eye-catching and exciting. Developing an eye for color can take time, but it is something that’s worth pursuing with your photography. With this in mind, let’s take a look at color theory as well as some different ways that you can use color to bring out the best in your images. Understanding Color Theory. There is a lot to explore when it comes to color theory, and how it affects our images, but understanding the color wheel and how the different colors work together and complement each other is a great place to start. Different color combinations provoke different feelings and responses; with some color schemes working together much better than others. By understanding how different colors work together, you’ll be able to see things differently, and get the most from the colors around you. Here’s a basic look at some different color combinations. Contrastly - Tools and Resources for Photography Enthusiasts Modern Approach to Composition Ebook Learn all about photographic composition with this ebook loaded with advice, techniques, and concepts to help you create stunning images that wow viewers. Analogous Colors. First, let’s look at analogous colors. These are the colors that are next to each other on the color wheel. An analogous color scheme can consist of anything from two colors on up to half the wheel. These colors – think blue and green – can often make for a pleasing and harmonious color combination. Complementary Colors. Complementary colors are shades that are located directly across from each other on the wheel. Think: blue and yellow or orange and green. These colors are complementary because they are said to work well together. Complementary combinations can create a high-contrast and vibrant look especially when used at full saturation. Split Complementary Colors. A split complementary color scheme takes two colors that are directly opposite, and another color that’s one of the complementary colors’ analogous color. This type of combination often works extremely well, helping to balance out an otherwise high-contrast color combination. Triadic Colors. Triadic colors are three colors are equally spaced out from each other on the color wheel. This color scheme is very similar to split complementary colors. Quadratic Colors. A quadratic color scheme is a combination of two complementary color harmonies on the color wheel. This grouping can also be called a double complementary scheme, because it is the combination of two complementary colors. Of course, there are many more combinations that you can use as well including monochrome colors, such as a black and white color scheme. Depending on the type of photography you are working with, the harmony of colors you choose to work with will vary. For instance, in most types of landscape photography it can be difficult to influence the resulting colors in a composition – although you do have some control over foreground elements that you may choose to include, such as brightly colored flowers – or the results of your image in post processing. In portrait photography, though, or when capturing macros, it can be easier to create specific color combinations. Your best use of color isn’t about adhering strictly to the color wheel, rather, it’s about being aware of the colors that you’re using – and their resulting impact, and using this knowledge to help guide your decisions – especially if you’re faced with a composition that you feel is a bit overwhelming, or, conversely somewhat lackluster. Brightness and Saturation. photo by Ian Sane When working with different color combinations, keep in mind that the brightness and saturation of different colors will impact the harmony of the resulting image. In most cases, you’ll want to pay close attention to the colors in the image that are bold or saturated as these are the ones that will generally attract the viewer’s attention. These colors work well for the subject or main focal point in an image. Different Colors, Different Moods. photo by Jeff P As you probably already know, different colors tend to convey very different moods in an image. Colors that are on the warm side of the wheel – such as red, orange, and yellow – often result in an image that feels in bold or energetic, while colors that are cooler – think: blues and greens – tend to convey feelings of calm and tranquility. Enhancing Color in Your Compositions. photo by George Shahda Now that you know a bit about different color combinations and how they work together, let’s take a look at some other ways that you use colors to enhance your images: Use a Polarizing Filter. Using a polarizing filter is a great way to draw out colors especially when used at the right angle to the sun. These filters are often used to enhance the vivid blue of the sky, or to cut through reflections and glare causing leaves, water, or even skin to appear more saturated. Get the Exposure Right. In many cases, adjusting your camera’s exposure can help the colors to appear more rich and vivid. Since your camera’s built-in metering system often chooses to use a lighter exposure, if you underexpose your images, just a little you’ll often be rewarded with a deeper color. Work With the Light. The right lighting will help to naturally boost the colors in your images. For instance, if you shoot on a bright, overcast day, the colors will be more saturated resulting in stronger, bolder images. Shooting on a sunny day, on the other hand, will run the risk of harsh shadows, and potentially washed out images. Watch the Background and Foreground. Always check your backgrounds! Your background always plays an important role in your images and can either enhance or distract from the focal point. Similarly, keep an eye out for foregrounds that you could use to add complementary or pleasing colors to your compositions. Adjust Your Colors in Post Processing. Shooting in RAW will give you tremendous flexibility in terms of drawing out the colors more effectively in post-processing. Just remember to keep the context of the image in mind. In most cases, you’ll want to avoid over processing especially when it comes to nature shots, where you’ll usually want to steer clear of unrealistic color combinations. A good approach is applying brightness and color saturation to enhance the colors in isolated areas in a scene. For example, elements that are receiving direct light, such as colorful flowers or illuminated clouds can often stand to have their brightness and saturation enhanced ever so slightly. There’s much to learn about color theory and taking the time to delve into the subject can be a fun study that will prove to be rewarding. Keep in mind, though, that at the end of the day, developing your photographic eye, and discovering what works well and what doesn’t is often a matter of trial and error as much as it is about learning theory. With a combination of knowledge and practice, you’ll soon become adept at telling which colors work well together, and which ones don’t and will be able to create pleasing color combinations without a second thought! How do you enhance the colors in your images? Let us know on Twitter or Facebook! Color wheel vector art via Vecteezy Liked this post? Please share it: About the Author: Christina Harman. Christina is a part time blogger and full time photography enthusiast living in Southeast Alaska. She enjoys travel photography and has taken pictures in countries such as Mexico, England, France, and China. She likes sunny days, new lenses and drinking good coffee. You can visit her at Tangled Thoughts. Ready to seriously improve your photography? Join thousands of photographers Free presets and resources Articles and tutorials Exclusive deals and discounts Previous Article Creating an HDR Aerial Panorama in Lightroom. Next Article In-Depth Review of the Brand New ON1 Photo RAW.
                            [kwBody] => Array
                                (
                                    [0] => stdClass Object
                                        (
                                            [term] => color
                                            [tf] => 82
                                        )

                                    [1] => stdClass Object
                                        (
                                            [term] => image
                                            [tf] => 19
                                        )

                                    [2] => stdClass Object
                                        (
                                            [term] => combination
                                            [tf] => 15
                                        )

                                    [3] => stdClass Object
                                        (
                                            [term] => complementary
                                            [tf] => 12
                                        )

                                    [4] => stdClass Object
                                        (
                                            [term] => color combination
                                            [tf] => 10
                                        )

                                    [5] => stdClass Object
                                        (
                                            [term] => photography
                                            [tf] => 10
                                        )

                                    [6] => stdClass Object
                                        (
                                            [term] => work
                                            [tf] => 10
                                        )

                                    [7] => stdClass Object
                                        (
                                            [term] => wheel
                                            [tf] => 9
                                        )

                                    [8] => stdClass Object
                                        (
                                            [term] => complementary color
                                            [tf] => 8
                                        )

                                    [9] => stdClass Object
                                        (
                                            [term] => composition
                                            [tf] => 8
                                        )

                                    [10] => stdClass Object
                                        (
                                            [term] => scheme
                                            [tf] => 7
                                        )

                                    [11] => stdClass Object
                                        (
                                            [term] => color wheel
                                            [tf] => 6
                                        )

                                    [12] => stdClass Object
                                        (
                                            [term] => color scheme
                                            [tf] => 6
                                        )

                                    [13] => stdClass Object
                                        (
                                            [term] => theory
                                            [tf] => 6
                                        )

                                    [14] => stdClass Object
                                        (
                                            [term] => color theory
                                            [tf] => 5
                                        )

                                    [15] => stdClass Object
                                        (
                                            [term] => color work
                                            [tf] => 5
                                        )

                                    [16] => stdClass Object
                                        (
                                            [term] => create
                                            [tf] => 5
                                        )

                                    [17] => stdClass Object
                                        (
                                            [term] => saturation
                                            [tf] => 5
                                        )

                                    [18] => stdClass Object
                                        (
                                            [term] => enhance
                                            [tf] => 5
                                        )

                                    [19] => stdClass Object
                                        (
                                            [term] => photography enthusiast
                                            [tf] => 4
                                        )

                                    [20] => stdClass Object
                                        (
                                            [term] => analogou color
                                            [tf] => 4
                                        )

                                    [21] => stdClass Object
                                        (
                                            [term] => exposure
                                            [tf] => 4
                                        )

                                    [22] => stdClass Object
                                        (
                                            [term] => ebook
                                            [tf] => 4
                                        )

                                    [23] => stdClass Object
                                        (
                                            [term] => enthusiast
                                            [tf] => 4
                                        )

                                    [24] => stdClass Object
                                        (
                                            [term] => cas
                                            [tf] => 4
                                        )

                                    [25] => stdClass Object
                                        (
                                            [term] => eye
                                            [tf] => 4
                                        )

                                    [26] => stdClass Object
                                        (
                                            [term] => time
                                            [tf] => 4
                                        )

                                    [27] => stdClass Object
                                        (
                                            [term] => mind
                                            [tf] => 4
                                        )

                                    [28] => stdClass Object
                                        (
                                            [term] => analogou
                                            [tf] => 4
                                        )

                                    [29] => stdClass Object
                                        (
                                            [term] => blue
                                            [tf] => 4
                                        )

                                    [30] => stdClass Object
                                        (
                                            [term] => resulting
                                            [tf] => 4
                                        )

                                    [31] => stdClass Object
                                        (
                                            [term] => post
                                            [tf] => 4
                                        )

                                    [32] => stdClass Object
                                        (
                                            [term] => processing
                                            [tf] => 4
                                        )

                                    [33] => stdClass Object
                                        (
                                            [term] => brightness
                                            [tf] => 4
                                        )

                                    [34] => stdClass Object
                                        (
                                            [term] => photo
                                            [tf] => 4
                                        )

                                    [35] => stdClass Object
                                        (
                                            [term] => day
                                            [tf] => 4
                                        )

                                    [36] => stdClass Object
                                        (
                                            [term] => combination complementary color
                                            [tf] => 3
                                        )

                                    [37] => stdClass Object
                                        (
                                            [term] => split complementary color
                                            [tf] => 3
                                        )

                                    [38] => stdClass Object
                                        (
                                            [term] => understanding color
                                            [tf] => 3
                                        )

                                    [39] => stdClass Object
                                        (
                                            [term] => wheel color
                                            [tf] => 3
                                        )

                                    [40] => stdClass Object
                                        (
                                            [term] => color color
                                            [tf] => 3
                                        )

                                    [41] => stdClass Object
                                        (
                                            [term] => combination complementary
                                            [tf] => 3
                                        )

                                    [42] => stdClass Object
                                        (
                                            [term] => color complementary
                                            [tf] => 3
                                        )

                                    [43] => stdClass Object
                                        (
                                            [term] => split complementary
                                            [tf] => 3
                                        )

                                    [44] => stdClass Object
                                        (
                                            [term] => color composition
                                            [tf] => 3
                                        )

                                    [45] => stdClass Object
                                        (
                                            [term] => post processing
                                            [tf] => 3
                                        )

                                    [46] => stdClass Object
                                        (
                                            [term] => brightness saturation
                                            [tf] => 3
                                        )

                                    [47] => stdClass Object
                                        (
                                            [term] => color image
                                            [tf] => 3
                                        )

                                    [48] => stdClass Object
                                        (
                                            [term] => background
                                            [tf] => 3
                                        )

                                    [49] => stdClass Object
                                        (
                                            [term] => article
                                            [tf] => 3
                                        )

                                )

                            [page_rank_decimal] => 41
                            [rank] => 1629082
                        )

                    [14] => stdClass Object
                        (
                            [position] => 15
                            [title] => Color theory for designers: a beginner's guide | Webflow Blog
                            [url] => https://webflow.com/blog/color-theory
                            [destination] => https://webflow.com › blog › color-theory
                            [description] => Learn how to choose the right color combinations and create more aesthetically pleasing designs by using the guiding principles of color theory
                            [isAmp] => 
                            [date] => 3 days ago
                            [organic_position] => 14
                            [serp_type] => page
                            [isOrganicPage] => 1
                            [isOrganic] => 1
                            [serp_title] => Color theory for designers: a beginner's guide | Webflow Blog
                            [serp_description] => Color schemes: how to use the color wheel to choose your color schemes; Tools and resources: apps and guides to help you master designing with ...
                            [hostname] => webflow.com
                            [canonical] => https://webflow.com/blog/web-design-101-color-theory
                            [h1] => Color theory for designers: a beginner's guide
                            [h2] => Array
                                (
                                    [0] => Why you should care about color theory
                                    [1] => The vocabulary of color
                                    [2] => The color wheel
                                    [3] => 5 types of color schemes
                                    [4] => Use color theory in your designs
                                    [5] => January 5, 2022
                                    [6] => Web design
                                    [7] => Related reads
                                    [8] => What's Webflow?
                                    [9] => Free until you’re ready to launch
                                )

                            [h3] => Array
                                (
                                    [0] => Primary colors
                                    [1] => RGB and hex
                                    [2] => Hot and cold
                                    [3] => Color temperature
                                    [4] => Tints and shades
                                    [5] => Saturation, hue, and lightness
                                    [6] => 1. Monochrome
                                    [7] => 2. Complementary
                                    [8] => 3. Analogous
                                    [9] => 4. Triadic
                                    [10] => 5. Tetradic
                                    [11] => Subscribe to Webflow Inspo
                                    [12] => Join the conversation
                                    [13] => Designer
                                    [14] => Interactions
                                    [15] => CMS
                                    [16] => Ecommerce
                                    [17] => Editor
                                    [18] => Hosting
                                    [19] => Transforming the design process at
                                )

                            [h2WithAnchors] => Array
                                (
                                    [0] => stdClass Object
                                        (
                                            [text] => Why you should care about color theory
                                        )

                                    [1] => stdClass Object
                                        (
                                            [text] => The vocabulary of color
                                        )

                                    [2] => stdClass Object
                                        (
                                            [text] => The color wheel
                                        )

                                    [3] => stdClass Object
                                        (
                                            [text] => 5 types of color schemes
                                        )

                                    [4] => stdClass Object
                                        (
                                            [text] => Use color theory in your designs
                                        )

                                    [5] => stdClass Object
                                        (
                                            [text] => January 5, 2022
                                        )

                                    [6] => stdClass Object
                                        (
                                            [text] => Web design
                                        )

                                    [7] => stdClass Object
                                        (
                                            [text] => Related reads
                                            [id] => w-node-_97ea2edb-bf68-c314-e042-9a3b4d730bbf-b19772d1
                                        )

                                    [8] => stdClass Object
                                        (
                                            [text] => What's Webflow?
                                        )

                                    [9] => stdClass Object
                                        (
                                            [text] => Free until you’re ready to launch
                                        )

                                )

                            [type] => website
                            [wordCount] => 1786
                            [imgCount] => 44
                            [lang] => 
                            [faq_on_page] => Array
                                (
                                )

                            [anchors] => stdClass Object
                                (
                                    [size] => 36
                                    [outboundSize] => 6
                                    [list] => Array
                                        (
                                            [0] => stdClass Object
                                                (
                                                    [text] => hexadecimal
                                                    [href] => https://en.wikipedia.org/wiki/Hexadecimal
                                                    [hrefDomain] => wikipedia.org
                                                    [isOutbound] => 1
                                                )

                                            [1] => stdClass Object
                                                (
                                                    [text] => COLOURCODE
                                                    [href] => http://colourco.de/
                                                    [hrefDomain] => colourco.de
                                                    [isOutbound] => 1
                                                )

                                            [2] => stdClass Object
                                                (
                                                    [text] => Munsell-system
                                                    [href] => https://commons.wikimedia.org/wiki/File:Munsell-system.svg#/media/File:Munsell-system.svg
                                                    [hrefDomain] => wikimedia.org
                                                    [isOutbound] => 1
                                                )

                                            [3] => stdClass Object
                                                (
                                                    [text] => Colordot
                                                    [href] => https://color.hailpixel.com/
                                                    [hrefDomain] => hailpixel.com
                                                    [isOutbound] => 1
                                                )

                                            [4] => stdClass Object
                                                (
                                                    [text] => Coolors
                                                    [href] => https://coolors.co/
                                                    [hrefDomain] => coolors.co
                                                    [isOutbound] => 1
                                                )

                                            [5] => stdClass Object
                                                (
                                                    [text] => T-Mobile magenta
                                                    [href] => https://www.npr.org/2019/11/25/782723429/t-mobiles-parent-tells-small-firm-to-keep-its-hands-off-magenta
                                                    [hrefDomain] => npr.org
                                                    [isOutbound] => 1
                                                )

                                        )

                                )

                            [toc] => Array
                                (
                                    [0] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => Why you should care about color theory. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [1] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => The vocabulary of color. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                    [0] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Primary colors. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [1] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => RGB and hex. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [2] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Hot and cold. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [3] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Color temperature. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [4] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Tints and shades. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [5] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Saturation, hue, and lightness. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                )

                                        )

                                    [2] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => The color wheel. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [3] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => 5 types of color schemes. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                    [0] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => 1. Monochrome . 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [1] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => 2. Complementary. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [2] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => 3. Analogous . 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [3] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => 4. Triadic. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [4] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => 5. Tetradic. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                )

                                        )

                                    [4] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => Use color theory in your designs. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [5] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => January 5, 2022. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [6] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => Web design. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [7] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => Related reads. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                    [0] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Subscribe to Webflow Inspo. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [1] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Join the conversation. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                )

                                        )

                                    [8] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => What's Webflow?
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                    [0] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Designer. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [1] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Interactions. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [2] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => CMS. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [3] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Ecommerce. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [4] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Editor. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [5] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Hosting. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                )

                                        )

                                    [9] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => Free until you’re ready to launch. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                    [0] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Transforming the design process at. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                )

                                        )

                                )

                            [og] => stdClass Object
                                (
                                    [ogImage] => https://assets-global.website-files.com/6009ec8cda7f305645c9d91b/60108d33abf33c3e87e59141_6002086f72b72735a101d204_color-theory.jpeg
                                    [twitterImage] => https://assets-global.website-files.com/6009ec8cda7f305645c9d91b/60108d33abf33c3e87e59141_6002086f72b72735a101d204_color-theory.jpeg
                                )

                            [schema_type] => Array
                                (
                                    [0] => Article
                                )

                            [comment_questions] => Array
                                (
                                )

                            [body] => Color theory for designers: a beginner's guideLearn how to choose the right color combinations and create more aesthetically pleasing designs by using the guiding principles of color theory. Neal O’GradyRease KirchnerContent Marketing ManagerNo items found.Color theory definitions vary, but color theory for designers generally refers to the practical guidelines of color mixing and principles that lead to visually appealing and harmonious color combinations. Familiarizing yourself with the principles of color theory can help you with everything from logo creation to web design. To help you learn color theory, we’ve broken it down into the following topics: Vocabulary: from tints to saturation to warmth and more — we’ll cover the lingo designers use when talking colorColor wheel: a powerful tool for visualizing the relationships between colorsColor schemes: how to use the color wheel to choose your color schemesTools and resources: apps and guides to help you master designing with colorWhy you should care about color theory. Color theory is a mix of science, psychology, and emotion — making color an incredibly powerful aspect of design. Sir Isaac Newton got us started with a basic color wheel based on how light reflected a spectrum of colors. Color theory and the color wheel have continued to evolve, teaching us more about the science behind why certain colors complement each other.And over time, color psychology has influenced design as well. A combination of cultural, historical, and emotional elements influence how humans feel when they see different colors. When you learn color theory, you arm yourself with the scientific and psychological principles that help you evoke emotion and responses from your target audience. The vocabulary of color. Before we dive into theory, you’ll need to know the following terms:Primary colors. The three primary colors — magenta, cyan, and yellow — are used to create other colors. Primary colors form the basis for all other shades. Humans perceive three base colors: magenta, cyan, and yellow. Every other color we see consists of a combination of these three colors in varying amounts, brightnesses, tints, and shades.Traditionally, we considered red, blue, and yellow to be the primary colors, but research has shown that magenta, cyan, and yellow better describe our experience of color. If those colors sparked memories of printer errors caused by lack of magenta ink, you’re not alone. The CMYK color model — cyan, magenta, yellow, key (black) — is a subtractive color model based on what’s used in color printing. It’s subtractive because it subtracts red, green, and blue hues from white light. RGB and hex. Red, green, and blue are used to create other colors.On the web, we use RGB (red-green-blue) and hex values to represent colors.RGB is an additive color model — colors are created by adding colored light to black. The RGB color system defines all colors as a combination of three different values: a particular shade of red, another of green, and another of blue. So:rgb(59, 89, 145) equals Facebook bluergb(0, 0, 0) equals blackrgb(255, 255, 255) equals whiteThe hex color system converts each value to a hexadecimal (base 16) representation, like so:#3b599b equals Facebook blue#000000 equals black#ffffff equals whiteEvery two characters represents a color value, so for Facebook blue, the red hue is 3b, the green is 59, and 9b is blue.Hot and cold. Cool and warm colorsColors also have a “warmth,” and each can be classified as either a warm or a cool color.Warm colors contain higher amounts of reds and yellows. They can invoke a sense of warmth and passion in a design. They can also feel very aggressive and bold — that’s why red is often used in error messages.Cool colors contain higher amounts of blue, evoking chilly climates, ice, winter, water, nighttime, death, and sadness. They can carry connotations of loneliness, coldness, and fear. On the more positive side, because cool colors are less aggressive, they can also be soothing — think of a blue sky or calming blue waters on a beach.Color temperature. Increasing an image’s temperature means increasing its orange levels. It generally makes an image look warmer and happier, similar to how the world looks happier when the sun casts its orange glow upon it. In contrast, reducing an image’s temperature makes it look colder and less inviting, like an overcast day.Tints and shades. You add white to a color to create a tint and add black to create a shade. Tints and shades let you create monochrome color schemes by adding varying levels of white and black to a base color.For example, if your base color is #8dbdd8 (a lightish blue) as seen in the image below, you can create a monochrome scheme by choosing two tints (two brighter blues) and two shades (two darker blues).Monochrome color scheme based on #8dbdd8 built with COLOURCODE.Saturation, hue, and lightness. Saturation describes the intensity of a color. Increasing saturation makes the color richer and darker, while reducing saturation makes it look faded and lighter. When we say “light blue” or “dark green,” we’re describing changes in saturation.Hue defines the degree to which a color can be described as similar to or different from red, orange, yellow, green, blue, indigo, and violet (the colors of the rainbow). So when you describe a color as “blue-green,” you’re defining it in terms of two hues.Lightness, also known as value or tone, defines the perceived brightness of a color compared to pure white.The HSL color scheme. Adapted from "Munsell-system." Licensed under CC BY-SA 3.0 via Commons.The color wheel. The color wheel.A basic color wheel contains the 12 standard colors used to create color schemes. Each slice of the pie represents a family of colors that can be achieved with different saturations, hues, tints, shades, and mixes of neighboring colors. The color combinations (e.g., yellow-orange, red-orange) result from mixing equal amounts of the base hues (yellow and orange, or red and orange).Red, yellow, and blue are the primary colors. Violet, orange, and green are the secondary colors. Everything else is a tertiary color — a mix of primary and secondary colors.  Designs use the color wheel to choose one of five types of color schemes. 5 types of color schemes. Designers create color schemes by pairing multiple color families from the color wheel. This works best when you use one of the following patterns that create color harmony.1. Monochrome . A monochromatic color scheme consists of various tints, shades, and saturations of a single base color. They’re very cohesive, but run the risk of becoming monotonous.A monochrome color scheme based on purple.2. Complementary. Complementary color schemes are based on two colors from opposite sides of the color wheel. Because the two hues will be wildly different, such schemes can be very impactful and noticeable. There is also split complementary — where one primary color is used with two analogous colors to its complement.Complementary color scheme based on shades of green and red.Pro tip: Pick a complementary color for your calls to action. For example, if your background color is mint green, a red-violet button would catch the eye because it is a complementary color. Complementary colors mint green and red-violet. 3. Analogous . Analogous color schemes feature three colors that sit next to each other on the color wheel. Because of the tonal similarities, these schemes can create a very cohesive, unified feel, without the monotony of a monochrome scheme.Analogous color scheme based on red, orange and yellow.4. Triadic. To make a triadic color scheme, draw an equilateral triangle (a triangle where all three sides are the same length) on the color wheel, and select the three colors at the points of the triangle. This triad creates a diverse, yet balanced, scheme.Triadic color scheme based on purple, beige, and green.5. Tetradic. A tetradic color scheme includes four colors that are equidistant from each other on the color wheel. Because the four colors can either form a square or rectangle, some resources break these color schemes into two — square and rectangle. Tetradic color scheme including medium blue, red-purple, spring green, and yellow-green.Color palette creation and inspirationIf you’re feeling overwhelmed, there are plenty of color picker tools and palette generators that can provide inspiration. Tools like Colordot allow you to start with a main color or a few color choices and then create a scheme for you. Meanwhile, tools like Coolors build palettes based on the type of color scheme you want. Use color theory in your designs. Color is a powerful tool for evoking emotion and establishing brand identity. Think about brands you could recognize by color alone — Coca-Cola red or Starbucks green. Color can be so closely tied to a brand’s identity that it becomes a legal trademark — like in the case of T-Mobile magenta.Whether you’re looking for complementary colors for a logo or building an entire web design color palette, applying the principles of color theory will make your designs more visually impactful. Get out there and use your newfound color knowledge to spice up your designs. Free ebook: Web design 101Master the fundamental concepts of web design, including typography, color theory, visual design, and so much more.Read nowSubscribe to be a Webflow InsiderThank you! You are now subscribed!Oops! Something went wrong while subscribing.Read nowPublishedJanuary 5, 2022. CategoryWeb design. Share this Related reads. Web designFinding the freedom to create a truly original photography website in WebflowWeb designHow to make a personal website in 11 stepsWeb designWebsite mockup design: the complete guide with toolsSubscribe to Webflow Inspo. Get the best, coolest, and latest in design and no-code delivered to your inbox each week.You’re all set, look out for our next newsletter!Oops, email not valid. Try again!Join the conversation. Please enable JavaScript to view the comments powered by Disqus.What's Webflow?Try it for freeMore about the DesignerDesigner. The power of CSS, HTML, and JavaScript in a visual canvas.Interactions. Build website interactions and animations visually.More about InteractionsCMS. Define your own content structure, and design with real data.More about the CMSEcommerce. Goodbye templates and code — design your store visually.More about EcommerceEditor. Edit and update site content right on the page.More about the EditorHosting. Set up lightning-fast managed hosting in just a few clicks.More about HostingFree until you’re ready to launch. Build your site for free and take as long as you need. (That’s right, no trial here.) Just add a site plan for more pages, and a custom domain when you’re ready for the world.Get started — it's freeTransforming the design process at.
                            [kwBody] => Array
                                (
                                    [0] => stdClass Object
                                        (
                                            [term] => color
                                            [tf] => 114
                                        )

                                    [1] => stdClass Object
                                        (
                                            [term] => scheme
                                            [tf] => 26
                                        )

                                    [2] => stdClass Object
                                        (
                                            [term] => color scheme
                                            [tf] => 21
                                        )

                                    [3] => stdClass Object
                                        (
                                            [term] => design
                                            [tf] => 20
                                        )

                                    [4] => stdClass Object
                                        (
                                            [term] => red
                                            [tf] => 16
                                        )

                                    [5] => stdClass Object
                                        (
                                            [term] => blue
                                            [tf] => 16
                                        )

                                    [6] => stdClass Object
                                        (
                                            [term] => theory
                                            [tf] => 14
                                        )

                                    [7] => stdClass Object
                                        (
                                            [term] => create
                                            [tf] => 14
                                        )

                                    [8] => stdClass Object
                                        (
                                            [term] => green
                                            [tf] => 14
                                        )

                                    [9] => stdClass Object
                                        (
                                            [term] => color theory
                                            [tf] => 12
                                        )

                                    [10] => stdClass Object
                                        (
                                            [term] => wheel
                                            [tf] => 12
                                        )

                                    [11] => stdClass Object
                                        (
                                            [term] => color wheel
                                            [tf] => 11
                                        )

                                    [12] => stdClass Object
                                        (
                                            [term] => yellow
                                            [tf] => 11
                                        )

                                    [13] => stdClass Object
                                        (
                                            [term] => equal
                                            [tf] => 9
                                        )

                                    [14] => stdClass Object
                                        (
                                            [term] => based
                                            [tf] => 9
                                        )

                                    [15] => stdClass Object
                                        (
                                            [term] => shade
                                            [tf] => 9
                                        )

                                    [16] => stdClass Object
                                        (
                                            [term] => orange
                                            [tf] => 8
                                        )

                                    [17] => stdClass Object
                                        (
                                            [term] => tint
                                            [tf] => 7
                                        )

                                    [18] => stdClass Object
                                        (
                                            [term] => complementary
                                            [tf] => 7
                                        )

                                    [19] => stdClass Object
                                        (
                                            [term] => color scheme based
                                            [tf] => 6
                                        )

                                    [20] => stdClass Object
                                        (
                                            [term] => scheme based
                                            [tf] => 6
                                        )

                                    [21] => stdClass Object
                                        (
                                            [term] => image
                                            [tf] => 6
                                        )

                                    [22] => stdClass Object
                                        (
                                            [term] => combination
                                            [tf] => 6
                                        )

                                    [23] => stdClass Object
                                        (
                                            [term] => web
                                            [tf] => 6
                                        )

                                    [24] => stdClass Object
                                        (
                                            [term] => saturation
                                            [tf] => 6
                                        )

                                    [25] => stdClass Object
                                        (
                                            [term] => primary
                                            [tf] => 6
                                        )

                                    [26] => stdClass Object
                                        (
                                            [term] => base
                                            [tf] => 6
                                        )

                                    [27] => stdClass Object
                                        (
                                            [term] => hue
                                            [tf] => 6
                                        )

                                    [28] => stdClass Object
                                        (
                                            [term] => primary color
                                            [tf] => 5
                                        )

                                    [29] => stdClass Object
                                        (
                                            [term] => green blue
                                            [tf] => 5
                                        )

                                    [30] => stdClass Object
                                        (
                                            [term] => complementary color
                                            [tf] => 5
                                        )

                                    [31] => stdClass Object
                                        (
                                            [term] => violet
                                            [tf] => 5
                                        )

                                    [32] => stdClass Object
                                        (
                                            [term] => principle
                                            [tf] => 5
                                        )

                                    [33] => stdClass Object
                                        (
                                            [term] => tool
                                            [tf] => 5
                                        )

                                    [34] => stdClass Object
                                        (
                                            [term] => magenta
                                            [tf] => 5
                                        )

                                    [35] => stdClass Object
                                        (
                                            [term] => monochrome
                                            [tf] => 5
                                        )

                                    [36] => stdClass Object
                                        (
                                            [term] => red green blue
                                            [tf] => 4
                                        )

                                    [37] => stdClass Object
                                        (
                                            [term] => type color
                                            [tf] => 4
                                        )

                                    [38] => stdClass Object
                                        (
                                            [term] => color combination
                                            [tf] => 4
                                        )

                                    [39] => stdClass Object
                                        (
                                            [term] => web design
                                            [tf] => 4
                                        )

                                    [40] => stdClass Object
                                        (
                                            [term] => color color
                                            [tf] => 4
                                        )

                                    [41] => stdClass Object
                                        (
                                            [term] => create color
                                            [tf] => 4
                                        )

                                    [42] => stdClass Object
                                        (
                                            [term] => red green
                                            [tf] => 4
                                        )

                                    [43] => stdClass Object
                                        (
                                            [term] => make
                                            [tf] => 4
                                        )

                                    [44] => stdClass Object
                                        (
                                            [term] => palette
                                            [tf] => 4
                                        )

                                    [45] => stdClass Object
                                        (
                                            [term] => principle color theory
                                            [tf] => 3
                                        )

                                    [46] => stdClass Object
                                        (
                                            [term] => magenta cyan yellow
                                            [tf] => 3
                                        )

                                    [47] => stdClass Object
                                        (
                                            [term] => type color scheme
                                            [tf] => 3
                                        )

                                    [48] => stdClass Object
                                        (
                                            [term] => principle color
                                            [tf] => 3
                                        )

                                    [49] => stdClass Object
                                        (
                                            [term] => magenta cyan
                                            [tf] => 3
                                        )

                                    [50] => stdClass Object
                                        (
                                            [term] => cyan yellow
                                            [tf] => 3
                                        )

                                    [51] => stdClass Object
                                        (
                                            [term] => base color
                                            [tf] => 3
                                        )

                                    [52] => stdClass Object
                                        (
                                            [term] => color model
                                            [tf] => 3
                                        )

                                    [53] => stdClass Object
                                        (
                                            [term] => tint shade
                                            [tf] => 3
                                        )

                                    [54] => stdClass Object
                                        (
                                            [term] => red orange
                                            [tf] => 3
                                        )

                                    [55] => stdClass Object
                                        (
                                            [term] => design color
                                            [tf] => 3
                                        )

                                )

                            [page_rank_decimal] => 54
                            [rank] => 11483
                        )

                    [15] => stdClass Object
                        (
                            [position] => 16
                            [title] => Color Wheel Tutorial - Your Comprehensive Guide ... - Craft Art
                            [url] => https://craft-art.com/color-wheel/
                            [destination] => https://craft-art.com › color-wheel
                            [description] => Having a strong knowledge of color theory is essential to create high-quality artistic results – whether this is through painting, drawing, or ...
                            [isAmp] => 
                            [date] => 2 Feb 2021
                            [organic_position] => 15
                            [serp_type] => page
                            [isOrganicPage] => 1
                            [isOrganic] => 1
                            [serp_title] => Color Wheel Tutorial - Your Comprehensive Guide ... - Craft Art
                            [serp_description] => Having a strong knowledge of color theory is essential to create high-quality artistic results – whether this is through painting, drawing, or ...
                        )

                    [16] => stdClass Object
                        (
                            [position] => 17
                            [title] => Color Theory 101: A Complete Guide to Color Wheels & Color Schemes | Paint color wheel, Color wheel design, Color theory
                            [url] => https://www.pinterest.com/pin/75646468719392780/
                            [destination] => https://www.pinterest.com › ... › Color Psychology
                            [description] => Oct 2, 2015 - Trying to find out how to pick better color schemes for your next web design project? Dive into the basics of color wheels, color combinations, and more
                            [isAmp] => 
                            [organic_position] => 16
                            [serp_type] => page
                            [isOrganicPage] => 1
                            [isOrganic] => 1
                            [serp_title] => Color Theory 101: A Complete Guide to Color ... - Pinterest
                            [serp_description] => Color Theory 101: How to Choose the Right Colors for Your Designs Color Wheel Design ... Color Theory 101: A Complete Guide to Color Wheels & Color Schemes ...
                            [hostname] => pinterest.com
                            [canonical] => https://www.pinterest.com/pin/75646468719392780/
                            [h1] => 
                            [h2] => Array
                                (
                                )

                            [h3] => Array
                                (
                                )

                            [h2WithAnchors] => Array
                                (
                                )

                            [type] => pinterestapp:pin
                            [wordCount] => 11
                            [imgCount] => 0
                            [lang] => 
                            [faq_on_page] => Array
                                (
                                )

                            [anchors] => stdClass Object
                                (
                                    [size] => 0
                                    [outboundSize] => 0
                                    [list] => Array
                                        (
                                        )

                                )

                            [toc] => Array
                                (
                                )

                            [og] => stdClass Object
                                (
                                    [ogImage] => https://i.pinimg.com/736x/a8/49/d8/a849d8835fe75824a5a1aa228e4b00d0--marketing-ideas-online-marketing.jpg
                                )

                            [schema_type] => Array
                                (
                                )

                            [comment_questions] => Array
                                (
                                )

                            [body] => 7 iyn Hsu" style="padding:25px;text-align:center">Oh no! Pinterest doesn't work unless you turn on JavaScript.
                            [kwBody] => Array
                                (
                                )

                            [page_rank_decimal] => 87
                            [rank] => 19
                        )

                    [17] => stdClass Object
                        (
                            [position] => 18
                            [title] => What is Color Theory? — A Comprehensive Guide For Designers - Onextrapixel
                            [url] => https://onextrapixel.com/what-is-color-theory/
                            [destination] => https://onextrapixel.com › what-is-color-theory
                            [isAmp] => 
                            [date] => 7 Dec 2019
                            [organic_position] => 17
                            [serp_type] => page
                            [isOrganicPage] => 1
                            [isOrganic] => 1
                            [serp_title] => What is Color Theory? — A Comprehensive Guide For ...
                            [serp_description] => Color theory can be defined in several different ways and of course, it's more than just a circle of colors. In general, it refers to the ...
                            [hostname] => onextrapixel.com
                            [canonical] => https://onextrapixel.com/what-is-color-theory/
                            [h1] => What is Color Theory? — A Comprehensive Guide For Designers
                            [h2] => Array
                                (
                                    [0] => What Is Color Theory?
                                    [1] => Why Use Color Theory?
                                    [2] => The Color Wheel
                                    [3] => Important Color Terms
                                    [4] => The 4 Main Color Schemes
                                    [5] => The Psychological Effects Of Color
                                    [6] => Examples of Color Theory In Action
                                    [7] => In Conclusion
                                    [8] => Related Posts
                                    [9] => The Top Blogging Platforms of the Year (2021)
                                    [10] => 21 Best Resume Templates to Impress Employers (2022)
                                    [11] => 25 Best Condensed Fonts for 2022
                                    [12] => Iconfinder Coupon Code and Review
                                    [13] => WP Engine Coupon
                                    [14] => InMotion Hosting Coupon Code
                                    [15] => SiteGround Coupon: 60% OFF
                                )

                            [h3] => Array
                                (
                                    [0] => Deals
                                )

                            [h2WithAnchors] => Array
                                (
                                    [0] => stdClass Object
                                        (
                                            [text] => What Is Color Theory?
                                        )

                                    [1] => stdClass Object
                                        (
                                            [text] => Why Use Color Theory?
                                        )

                                    [2] => stdClass Object
                                        (
                                            [text] => The Color Wheel
                                        )

                                    [3] => stdClass Object
                                        (
                                            [text] => Important Color Terms
                                        )

                                    [4] => stdClass Object
                                        (
                                            [text] => The 4 Main Color Schemes
                                        )

                                    [5] => stdClass Object
                                        (
                                            [text] => The Psychological Effects Of Color
                                        )

                                    [6] => stdClass Object
                                        (
                                            [text] => Examples of Color Theory In Action
                                        )

                                    [7] => stdClass Object
                                        (
                                            [text] => In Conclusion
                                        )

                                    [8] => stdClass Object
                                        (
                                            [text] => Related Posts
                                        )

                                    [9] => stdClass Object
                                        (
                                            [text] => The Top Blogging Platforms of the Year (2021)
                                        )

                                    [10] => stdClass Object
                                        (
                                            [text] => 21 Best Resume Templates to Impress Employers (2022)
                                        )

                                    [11] => stdClass Object
                                        (
                                            [text] => 25 Best Condensed Fonts for 2022
                                        )

                                    [12] => stdClass Object
                                        (
                                            [text] => Iconfinder Coupon Code and Review
                                        )

                                    [13] => stdClass Object
                                        (
                                            [text] => WP Engine Coupon
                                        )

                                    [14] => stdClass Object
                                        (
                                            [text] => InMotion Hosting Coupon Code
                                        )

                                    [15] => stdClass Object
                                        (
                                            [text] => SiteGround Coupon: 60% OFF
                                        )

                                )

                            [published_time] => stdClass Object
                                (
                                    [lastUpdate] => 
                                    [dateFormatted] => 7o December 2019
                                    [dateISO] => 2019-12-07T08:16:19+00:00
                                )

                            [modified_time] => stdClass Object
                                (
                                    [lastUpdate] => 
                                    [dateFormatted] => 16o December 2019
                                    [dateISO] => 2019-12-16T21:28:56+00:00
                                )

                            [type] => article
                            [wordCount] => 1465
                            [imgCount] => 20
                            [lang] => 
                            [faq_on_page] => Array
                                (
                                )

                            [anchors] => stdClass Object
                                (
                                    [size] => 34
                                    [outboundSize] => 10
                                    [list] => Array
                                        (
                                            [0] => stdClass Object
                                                (
                                                    [text] => 
                                                    [href] => https://twitter.com/onextrapixel
                                                    [hrefDomain] => twitter.com
                                                    [isOutbound] => 1
                                                )

                                            [1] => stdClass Object
                                                (
                                                    [text] => 
                                                    [href] => https://facebook.com/onextrapixel
                                                    [hrefDomain] => facebook.com
                                                    [isOutbound] => 1
                                                )

                                            [2] => stdClass Object
                                                (
                                                    [text] => 
                                                    [href] => https://pinterest.com/onextrapixel
                                                    [hrefDomain] => pinterest.com
                                                    [isOutbound] => 1
                                                )

                                            [3] => stdClass Object
                                                (
                                                    [text] => the first color wheel
                                                    [href] => https://en.wikipedia.org/wiki/Color_wheel
                                                    [hrefDomain] => wikipedia.org
                                                    [rel] => nofollow external noopener noreferrer
                                                    [isOutbound] => 1
                                                )

                                            [4] => stdClass Object
                                                (
                                                    [text] => DecoArt Blog
                                                    [href] => https://decoart.com/blog/article/318/color_theory_basics_the_color_wheel
                                                    [hrefDomain] => decoart.com
                                                    [rel] => nofollow external noopener noreferrer
                                                    [isOutbound] => 1
                                                )

                                            [5] => stdClass Object
                                                (
                                                    [text] => Reddit
                                                    [href] => https://www.reddit.com/r/coolguides/comments/9leiyk/different_colour_terms/
                                                    [hrefDomain] => reddit.com
                                                    [rel] => nofollow external noopener noreferrer
                                                    [isOutbound] => 1
                                                )

                                            [6] => stdClass Object
                                                (
                                                    [text] => Awwwards
                                                    [href] => https://visme.co/blog/website-color-schemes/
                                                    [hrefDomain] => visme.co
                                                    [rel] => nofollow external noopener noreferrer
                                                    [isOutbound] => 1
                                                )

                                            [7] => stdClass Object
                                                (
                                                    [text] => BannerSnack Blog
                                                    [href] => https://blog.bannersnack.com/color-combinations-in-display-ads/
                                                    [hrefDomain] => bannersnack.com
                                                    [rel] => nofollow external noopener noreferrer
                                                    [isOutbound] => 1
                                                )

                                            [8] => stdClass Object
                                                (
                                                    [text] => Designspiration
                                                    [href] => https://www.designspiration.com/save/490013095254/
                                                    [hrefDomain] => designspiration.com
                                                    [rel] => nofollow external noopener noreferrer
                                                    [isOutbound] => 1
                                                )

                                            [9] => stdClass Object
                                                (
                                                    [text] => Designspiration
                                                    [href] => https://www.designspiration.com/save/17047740044650/
                                                    [hrefDomain] => designspiration.com
                                                    [rel] => nofollow external noopener noreferrer
                                                    [isOutbound] => 1
                                                )

                                        )

                                )

                            [toc] => Array
                                (
                                    [0] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => What Is Color Theory?
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [1] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => Why Use Color Theory?
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [2] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => The Color Wheel. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [3] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => Important Color Terms. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [4] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => The 4 Main Color Schemes. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [5] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => The Psychological Effects Of Color. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [6] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => Examples of Color Theory In Action. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [7] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => In Conclusion. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                    [0] => stdClass Object
                                                        (
                                                            [level] => 4
                                                            [name] => OXP Editorial. 
                                                            [tag] => h4
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                )

                                        )

                                    [8] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => Related Posts. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [9] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => The Top Blogging Platforms of the Year (2021). 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [10] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => 21 Best Resume Templates to Impress Employers (2022). 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [11] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => 25 Best Condensed Fonts for 2022. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                    [0] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Deals. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                )

                                        )

                                    [12] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => Iconfinder Coupon Code and Review. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [13] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => WP Engine Coupon. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [14] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => InMotion Hosting Coupon Code. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [15] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => SiteGround Coupon: 60% OFF. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                )

                            [og] => stdClass Object
                                (
                                    [ogImage] => https://onextrapixel.com/wp-content/uploads/2019/12/what-is-color-theory.png
                                )

                            [schema_type] => Array
                                (
                                )

                            [comment_questions] => Array
                                (
                                )

                            [body] => What is Color Theory? — A Comprehensive Guide For Designers December 7, 2019 in Inspiration by OXP Editorial Some consider color theory to be a science in itself while others consider it to be also a standard in all forms of design. Either way, we can all agree that the color theory is something every designer should learn and know about.Whether you’re a graphic designer or a web designer, mastering color theory is an important skill that will not only help you craft more accurate color palettes for your designs but also reach new heights in your career as a professional designer.In this post, we explain the basics of color theory. It’s a broad subject that branches out to different fields and categories. So this guide mainly covers the elements of the color theory that are most relevant to digital designers.Let’s dive in.What Is Color Theory?The origins of color theory date all the way back to the 1400’s where the principles of color were mentioned in the notebooks of Leonardo DaVinci. However, the first color wheel, or circle, was first introduced by Sir Isaac Newton in 1666.Color theory can be defined in several different ways and of course, it’s more than just a circle of colors. In general, it refers to the standards and the concepts related to the use of color that can be applied in various types of design and art.Why Use Color Theory?There’s a reason why you use the same colors in your designs no matter what type of designer or artist you are—To keep consistency.Take a popular brand like Coca-Cola, for example. Their logo can be seen in products and billboards around the world. However, the color of the coca-cola logo is exactly the same no matter where it’s printed.This type of consistency can only be created with the help of the color theory, which helps define colors the right way to help create consistent and accurate designs.Color theory is mainly used when mixing colors as well. It allows you to create colors with the right contrast, temperature, and hues.The Color Wheel. The easiest way to understand what color theory is all about is to take a quick look at the color wheel. It’s the rules set by the color theory that helped create the color wheel.(Source: DecoArt Blog)The color wheel we use today is a version of the original concept of the circle of color created by Sir Isaac Newton. A quick look at this color wheel is enough to understand how its three main colors (Red, Yellow, and Blue) creates the rest of the colors in contrast to each other.Then there are the secondary colors, (Green, Purple, and Orange), that are made when the three main colors are mixed. Followed by the rest of the six Tertiary colors that are made from a mix of primary and secondary colors.The color wheel can also be divided into 2 main types of colors— warm colors and cool colors. When you split the color wheel into two slices you can clearly see these two types of colors in the left and right sides with warm colors and cool colors.Understanding the difference between warm and cool colors will help you create designs that are appropriate for your brand and audience as each type is associated with different values and ideas.Important Color Terms. The color wheel is only the foundation that you can use to create more extensive and advanced color palettes. Here are the bases of color, or the terminology, you should understand to apply the color theory when creating color palettes.(Source: Reddit)Hue: Hue is the base color and nothing moreChroma: Chroma is the color in its purest formSaturation: The vividness of the colorShade: When you add back to a hue it creates a shadeValue: Value refers to the darkness or the lightness of a colorTint: Adding a certain amount of white to a hue creates tintTone: Add some gray to a hue to create toneThe 4 Main Color Schemes. Well, there are actually more than 4 color schemes out there, but for purposes of understanding, we wanted to briefly explain the 4 main color schemes used in design.These are the main color schemes you can use as the base for your color palette when designing different web and graphic design projects.(Source: Suppachok N/Shutterstock)Complementary: Complementary colors refer to the main colors that stand opposite to each other on the color wheel. You can add tint and shades to create unique color palettes using a complementary color scheme.Analogous: Analogous color schemes to use the main colors right next to each other on the color wheel. This type of color schemes are quite vivid and are most suitable for casual and consumer brands.Monochrome: Monochrome color scheme uses different shades of a single main color. This is one of the most difficult color schemes to implement in a design. But when you find a way to create a monochrome color scheme, it usually looks quite elegant.Triadic: Triadic color schemes consist of colors that stand at the same distance to each other. This type of color palettes are mainly used in modern art and paintings and doesn’t look very pretty in digital and graphic designs.The Psychological Effects Of Color. There’s also a psychological aspect behind colors as well. The color psychology suggests that specific colors are capable of evoking different emotions in humans.It’s the same reason why we know when to stop and go at traffic lights based on nothing but a colored light. It’s also the reason why we’re immediately put on a state of alert when we see a red STOP sign on the side of the road.Color psychology is also cleverly used in marketing and design to generate more sales and attract attention as well. Whenever we see a red sign next to a product in a supermarket we know it’s up for sale. It’s used to influence buyers and also help them make quicker decisions as well as to improve brand recognition.This is why brands like Dell and Facebook use the color blue as it associates with trust and dependability while large enterprises like Google and Microsoft use multi-colored logos as it associates with diversity.Examples of Color Theory In Action. There’s no better way to understand the use of color theory than seeing how other designers have used it in real-life designs.(Source: Awwwards)This website is a great example of a properly crafted brand website that uses color theory accurately. This site uses the analogous color scheme to create more contrast and attract attention.(Source: BannerSnack Blog)This beautiful advertisement created by Dropbox uses a minimalist monochromatic color scheme and it’s a perfect fit for the brand itself as well.(Source: Designspiration)At first glance, you can spot the triadic color scheme used in this poster design.(Source: Designspiration)This is another beautiful example of analogous color schemes in action. Notice how this album artwork uses analogous colors to create contrast in the design.In Conclusion. We hope this guide would help you to get a better understanding of how colors work to create more professional designs in the future. Color theory is a topic that deserves closer inspection and we hope you’ll continue learning more about this subject.In addition, you may also want to read our guide on 20 Best Tools to Generate Color Palettes. OXP Editorial. Related Posts. InspirationThe Top Blogging Platforms of the Year (2021). Lindsay Liedke   –  February 16, 2021 Inspiration21 Best Resume Templates to Impress Employers (2022). Siobhan Moss   –  October 20, 2021 Inspiration25 Best Condensed Fonts for 2022. Siobhan Moss   –  October 27, 2021 22 Deals. 50% off first monthIconfinder Coupon Code and Review. Iconfinder offers over 1.5 million beautiful icons for creative professionals to use in websites, apps, and printed publications. Whatever your project, you’re sure to find an icon or icon… 50% offWP Engine Coupon. Considered by many to be the best managed hosting for WordPress out there, WP Engine offers superior technology and customer support in order to keep your WordPress sites secure… 25% - 61% offInMotion Hosting Coupon Code. InMotion Hosting has been a top rated CNET hosting company for over 14 years so you know you’ll be getting good service and won’t be risking your hosting company… 60% offSiteGround Coupon: 60% OFF. SiteGround offers a number of hosting solutions and services for including shared hosting, cloud hosting, dedicated servers, reseller hosting, enterprise hosting, and WordPress and Joomla specific hosting.
                            [kwBody] => Array
                                (
                                    [0] => stdClass Object
                                        (
                                            [term] => color
                                            [tf] => 87
                                        )

                                    [1] => stdClass Object
                                        (
                                            [term] => theory
                                            [tf] => 17
                                        )

                                    [2] => stdClass Object
                                        (
                                            [term] => color scheme
                                            [tf] => 16
                                        )

                                    [3] => stdClass Object
                                        (
                                            [term] => color theory
                                            [tf] => 15
                                        )

                                    [4] => stdClass Object
                                        (
                                            [term] => scheme
                                            [tf] => 15
                                        )

                                    [5] => stdClass Object
                                        (
                                            [term] => create
                                            [tf] => 14
                                        )

                                    [6] => stdClass Object
                                        (
                                            [term] => main
                                            [tf] => 12
                                        )

                                    [7] => stdClass Object
                                        (
                                            [term] => hosting
                                            [tf] => 11
                                        )

                                    [8] => stdClass Object
                                        (
                                            [term] => main color
                                            [tf] => 10
                                        )

                                    [9] => stdClass Object
                                        (
                                            [term] => color wheel
                                            [tf] => 10
                                        )

                                    [10] => stdClass Object
                                        (
                                            [term] => wheel
                                            [tf] => 10
                                        )

                                    [11] => stdClass Object
                                        (
                                            [term] => design
                                            [tf] => 9
                                        )

                                    [12] => stdClass Object
                                        (
                                            [term] => type
                                            [tf] => 8
                                        )

                                    [13] => stdClass Object
                                        (
                                            [term] => color palette
                                            [tf] => 6
                                        )

                                    [14] => stdClass Object
                                        (
                                            [term] => designer
                                            [tf] => 6
                                        )

                                    [15] => stdClass Object
                                        (
                                            [term] => palette
                                            [tf] => 6
                                        )

                                    [16] => stdClass Object
                                        (
                                            [term] => brand
                                            [tf] => 6
                                        )

                                    [17] => stdClass Object
                                        (
                                            [term] => color create
                                            [tf] => 4
                                        )

                                    [18] => stdClass Object
                                        (
                                            [term] => type color
                                            [tf] => 4
                                        )

                                    [19] => stdClass Object
                                        (
                                            [term] => analogou color
                                            [tf] => 4
                                        )

                                    [20] => stdClass Object
                                        (
                                            [term] => guide
                                            [tf] => 4
                                        )

                                    [21] => stdClass Object
                                        (
                                            [term] => contrast
                                            [tf] => 4
                                        )

                                    [22] => stdClass Object
                                        (
                                            [term] => understand
                                            [tf] => 4
                                        )

                                    [23] => stdClass Object
                                        (
                                            [term] => hue
                                            [tf] => 4
                                        )

                                    [24] => stdClass Object
                                        (
                                            [term] => analogou
                                            [tf] => 4
                                        )

                                    [25] => stdClass Object
                                        (
                                            [term] => 2021
                                            [tf] => 4
                                        )

                                    [26] => stdClass Object
                                        (
                                            [term] => coupon
                                            [tf] => 4
                                        )

                                    [27] => stdClass Object
                                        (
                                            [term] => main color scheme
                                            [tf] => 3
                                        )

                                    [28] => stdClass Object
                                        (
                                            [term] => analogou color scheme
                                            [tf] => 3
                                        )

                                    [29] => stdClass Object
                                        (
                                            [term] => hue create
                                            [tf] => 3
                                        )

                                    [30] => stdClass Object
                                        (
                                            [term] => logo
                                            [tf] => 3
                                        )

                                    [31] => stdClass Object
                                        (
                                            [term] => created
                                            [tf] => 3
                                        )

                                    [32] => stdClass Object
                                        (
                                            [term] => red
                                            [tf] => 3
                                        )

                                    [33] => stdClass Object
                                        (
                                            [term] => warm
                                            [tf] => 3
                                        )

                                    [34] => stdClass Object
                                        (
                                            [term] => cool
                                            [tf] => 3
                                        )

                                    [35] => stdClass Object
                                        (
                                            [term] => add
                                            [tf] => 3
                                        )

                                    [36] => stdClass Object
                                        (
                                            [term] => website
                                            [tf] => 3
                                        )

                                    [37] => stdClass Object
                                        (
                                            [term] => beautiful
                                            [tf] => 3
                                        )

                                    [38] => stdClass Object
                                        (
                                            [term] => offer
                                            [tf] => 3
                                        )

                                    [39] => stdClass Object
                                        (
                                            [term] => icon
                                            [tf] => 3
                                        )

                                    [40] => stdClass Object
                                        (
                                            [term] => wordpress
                                            [tf] => 3
                                        )

                                )

                            [page_rank_decimal] => 54
                            [rank] => 10802
                        )

                    [18] => stdClass Object
                        (
                            [position] => 19
                            [title] => The Complete Guide to Color Theory and Application Paperback
                            [url] => https://www.amazon.co.uk/Designers-Color-Manual-Complete-Application/dp/081184210X
                            [destination] => https://www.amazon.co.uk › Designers-Color-Manual-C...
                            [description] => Designer's Color Manual: The Complete Guide to Color Theory and Application : Tom Fraser, Adam Banks: Amazon.co.uk: Books.
                            [isAmp] => 
                            [sitelinks] => Array
                                (
                                    [0] => stdClass Object
                                        (
                                            [title] => Color Theory: An essential guide to color-from basic principles ...
                                            [url] => https://www.amazon.co.uk/Color-Theory-color-principles-applications/dp/1600583024
                                            [destination] => https://www.amazon.co.uk › Color-Theory-color-princi...
                                            [description] => With a fresh, contemporary take on the subject of color, this essential guide features step-by-step projects and practical tips and techniques to put color ...
                                            [isAmp] => 
                                        )

                                )

                            [organic_position] => 18
                            [serp_type] => page
                            [isOrganicPage] => 1
                            [isOrganic] => 1
                            [serp_title] => The Complete Guide to Color Theory and Application Paperback
                            [serp_description] => Designer's Color Manual: The Complete Guide to Color Theory and Application : Tom Fraser, Adam Banks: Amazon.co.uk: Books.
                        )

                    [19] => stdClass Object
                        (
                            [position] => 20
                            [title] => The Know It All Guide To Color Psychology In Marketing + The Best Hex Chart | CoSchedule Blog
                            [url] => https://coschedule.com/blog/color-psychology-marketing
                            [destination] => https://coschedule.com › blog › color-psychology-mark...
                            [description] => Color theory and color psychology in marketing are something content marketers must understand. Color can hurt or hinder content marketing efforts
                            [isAmp] => 
                            [organic_position] => 19
                            [serp_type] => page
                            [isOrganicPage] => 1
                            [isOrganic] => 1
                            [serp_title] => The Know It All Guide To Color Psychology In Marketing + The ...
                            [serp_description] => The Complete Color Wheel — Basics of Color Theory; Primary Colors; Secondary Colors; Tertiary Colors; Pure Color; Tints; Shades; Tones; The Complete Color ...
                            [hostname] => coschedule.com
                            [canonical] => https://coschedule.com/blog/color-psychology-marketing
                            [h1] => The Know It All Guide To Color Psychology In Marketing + The Best Hex Chart
                            [h2] => Array
                                (
                                    [0] => Let's Start With The Basics Of Color Theory
                                    [1] => Using Contrast Correctly With Color
                                    [2] => Choosing Color Combinations
                                    [3] => The Psychology of Colors in Marketing
                                    [4] => We also think you'll like..
                                )

                            [h3] => Array
                                (
                                    [0] => Primary Color
                                    [1] => Secondary Color
                                    [2] => Tertiary Color
                                    [3] => Pure Color
                                    [4] => Tints
                                    [5] => Shades
                                    [6] => Tones
                                    [7] => The Completed Color Wheel
                                    [8] => Using High And Low Contrast
                                    [9] => Using Complementary (Opposite) Colors
                                    [10] => Caution: Addressing Color Blindness
                                    [11] => Using Split Complementary Colors
                                    [12] => Using Analogous Colors
                                    [13] => Using Monochromatic Colors
                                    [14] => Using Triangle, Rectangle And Square Colors
                                    [15] => The Color Psychology of Red
                                    [16] => The Color Psychology of Orange
                                    [17] => The Color Psychology of Yellow
                                    [18] => The Color Psychology of Green
                                    [19] => The Color Psychology of Blue
                                    [20] => The Color Psychology of Purple
                                    [21] => The Color Psychology of Pink
                                    [22] => The Color Psychology of Brown
                                    [23] => The Color Psychology of Gold
                                    [24] => The Color Psychology of Black
                                    [25] => The Color Psychology of White
                                    [26] => More Scientific Findings of Color
                                    [27] => Mood Colors And Emotions (Infographic)
                                    [28] => Color & Brand Recognition
                                    [29] => Testing Your Best Colors: A CoSchedule Case Study
                                    [30] => Now You're A Color Psychology Expert!
                                    [31] => Ashton Hauff
                                    [32] => The Art of Generating More Customer Reviews With Denise Blasevick From The S3 Agency [AMP 268]
                                    [33] => How to Perform a Social Media Audit in Five Easy Steps (Template)
                                    [34] => The Best Way to Format Blog Posts to Keep Your Readers Engaged
                                )

                            [h2WithAnchors] => Array
                                (
                                    [0] => stdClass Object
                                        (
                                            [text] => Let's Start With The Basics Of Color Theory
                                        )

                                    [1] => stdClass Object
                                        (
                                            [text] => Using Contrast Correctly With Color
                                        )

                                    [2] => stdClass Object
                                        (
                                            [text] => Choosing Color Combinations
                                        )

                                    [3] => stdClass Object
                                        (
                                            [text] => The Psychology of Colors in Marketing
                                        )

                                    [4] => stdClass Object
                                        (
                                            [text] => We also think you'll like..
                                        )

                                )

                            [published_time] => stdClass Object
                                (
                                    [lastUpdate] => 
                                    [dateFormatted] => 29o August 2018
                                    [dateISO] => 2018-08-29T13:00:00+00:00
                                )

                            [modified_time] => stdClass Object
                                (
                                    [lastUpdate] => 
                                    [dateFormatted] => 2o November 2021
                                    [dateISO] => 2021-11-02T21:06:00+00:00
                                )

                            [type] => article
                            [wordCount] => 5408
                            [imgCount] => 46
                            [lang] => 
                            [faq_on_page] => Array
                                (
                                )

                            [anchors] => stdClass Object
                                (
                                    [size] => 120
                                    [outboundSize] => 27
                                    [list] => Array
                                        (
                                            [0] => stdClass Object
                                                (
                                                    [text] => NASA is concerned about color
                                                    [href] => http://colorusage.arc.nasa.gov/
                                                    [hrefDomain] => nasa.gov
                                                    [rel] => noopener noreferrer
                                                    [isOutbound] => 1
                                                )

                                            [1] => stdClass Object
                                                (
                                                    [text] => University of Toronto
                                                    [href] => http://www.dgp.toronto.edu/~donovan/color/colorcomp.pdf
                                                    [hrefDomain] => toronto.edu
                                                    [rel] => noopener noreferrer
                                                    [isOutbound] => 1
                                                )

                                            [2] => stdClass Object
                                                (
                                                    [text] => Adobe Kuler
                                                    [href] => https://kuler.adobe.com/create/color-wheel/
                                                    [hrefDomain] => adobe.com
                                                    [rel] => noopener noreferrer
                                                    [isOutbound] => 1
                                                )

                                            [3] => stdClass Object
                                                (
                                                    [text] => Mark Zuckerberg is red-green colorblind
                                                    [href] => http://blog.bufferapp.com/the-science-of-colors-in-marketing-why-is-facebook-blue
                                                    [hrefDomain] => bufferapp.com
                                                    [rel] => noopener noreferrer
                                                    [isOutbound] => 1
                                                )

                                            [4] => stdClass Object
                                                (
                                                    [text] => Color also means different things in different cultures
                                                    [href] => http://www.informationisbeautiful.net/visualizations/colours-in-cultures/
                                                    [hrefDomain] => informationisbeautiful.net
                                                    [rel] => noopener noreferrer
                                                    [isOutbound] => 1
                                                )

                                            [5] => stdClass Object
                                                (
                                                    [text] => Joe Hallock
                                                    [href] => http://www.joehallock.com/edu/COM498/index.html
                                                    [hrefDomain] => joehallock.com
                                                    [rel] => noopener noreferrer
                                                    [isOutbound] => 1
                                                )

                                            [6] => stdClass Object
                                                (
                                                    [text] => Every culture understands a color differently
                                                    [href] => http://webdesign.about.com/od/color/a/bl_colorculture.htm
                                                    [hrefDomain] => about.com
                                                    [rel] => noopener noreferrer
                                                    [isOutbound] => 1
                                                )

                                            [7] => stdClass Object
                                                (
                                                    [text] => In a survey
                                                    [href] => http://www.joehallock.com/edu/COM498/associations.html
                                                    [hrefDomain] => joehallock.com
                                                    [rel] => noopener noreferrer
                                                    [isOutbound] => 1
                                                )

                                            [8] => stdClass Object
                                                (
                                                    [text] => an excellent infographic
                                                    [href] => http://blog.kissmetrics.com/gender-and-color/
                                                    [hrefDomain] => kissmetrics.com
                                                    [rel] => noopener noreferrer
                                                    [isOutbound] => 1
                                                )

                                            [9] => stdClass Object
                                                (
                                                    [text] => Hallock
                                                    [href] => http://www.joehallock.com/edu/COM498/index.html
                                                    [hrefDomain] => joehallock.com
                                                    [rel] => noopener noreferrer
                                                    [isOutbound] => 1
                                                )

                                            [10] => stdClass Object
                                                (
                                                    [text] => more heavily favored by men
                                                    [href] => http://www.joehallock.com/edu/COM498/preferences.html
                                                    [hrefDomain] => joehallock.com
                                                    [rel] => noopener noreferrer
                                                    [isOutbound] => 1
                                                )

                                            [11] => stdClass Object
                                                (
                                                    [text] => preferred cool colors
                                                    [href] => http://www.colormatters.com/color-symbolism/gender-differences
                                                    [hrefDomain] => colormatters.com
                                                    [rel] => noopener noreferrer
                                                    [isOutbound] => 1
                                                )

                                            [12] => stdClass Object
                                                (
                                                    [text] => both genders get older
                                                    [href] => http://www.joehallock.com/edu/COM498/preferences.html
                                                    [hrefDomain] => joehallock.com
                                                    [rel] => noopener noreferrer
                                                    [isOutbound] => 1
                                                )

                                            [13] => stdClass Object
                                                (
                                                    [text] => more aware of slight color differences
                                                    [href] => http://www.smithsonianmag.com/science-nature/where-men-see-white-women-see-ecru-22540446/?no-ist
                                                    [hrefDomain] => smithsonianmag.com
                                                    [rel] => noopener noreferrer
                                                    [isOutbound] => 1
                                                )

                                            [14] => stdClass Object
                                                (
                                                    [text] => colorless and bright color palettes
                                                    [href] => http://www.colormatters.com/color-symbolism/gender-differences
                                                    [hrefDomain] => colormatters.com
                                                    [rel] => noopener noreferrer
                                                    [isOutbound] => 1
                                                )

                                            [15] => stdClass Object
                                                (
                                                    [text] => Institute for Color Research
                                                    [href] => http://www.zeroabove.co.uk/the-colour-of-success-whats-your-flavour/
                                                    [hrefDomain] => zeroabove.co.uk
                                                    [rel] => noopener noreferrer
                                                    [isOutbound] => 1
                                                )

                                            [16] => stdClass Object
                                                (
                                                    [text] => gives further proof
                                                    [href] => http://www.quicksprout.com/2014/01/24/how-colors-affect-conversion-rate/
                                                    [hrefDomain] => quicksprout.com
                                                    [rel] => noopener noreferrer
                                                    [isOutbound] => 1
                                                )

                                            [17] => stdClass Object
                                                (
                                                    [text] => recognize your brand by up to 80%
                                                    [href] => http://www.zeroabove.co.uk/the-colour-of-success-whats-your-flavour/
                                                    [hrefDomain] => zeroabove.co.uk
                                                    [rel] => noopener noreferrer
                                                    [isOutbound] => 1
                                                )

                                            [18] => stdClass Object
                                                (
                                                    [text] => passive and active colors
                                                    [href] => http://socialtriggers.com/best-color-for-conversions/
                                                    [hrefDomain] => socialtriggers.com
                                                    [rel] => noopener noreferrer
                                                    [isOutbound] => 1
                                                )

                                            [19] => stdClass Object
                                                (
                                                    [text] => as Hubspot discovered
                                                    [href] => http://blog.hubspot.com/blog/tabid/6307/bid/20566/The-Button-Color-A-B-Test-Red-Beats-Green.aspx
                                                    [hrefDomain] => hubspot.com
                                                    [rel] => noopener noreferrer
                                                    [isOutbound] => 1
                                                )

                                            [20] => stdClass Object
                                                (
                                                    [text] => Newton
                                                    [href] => http://hyperphysics.phy-astr.gsu.edu/hbase/vision/newtcol.html
                                                    [hrefDomain] => gsu.edu
                                                    [rel] => noopener noreferrer
                                                    [isOutbound] => 1
                                                )

                                            [21] => stdClass Object
                                                (
                                                    [text] => Itten
                                                    [href] => http://en.wikipedia.org/wiki/Johannes_Itten
                                                    [hrefDomain] => wikipedia.org
                                                    [rel] => noopener noreferrer
                                                    [isOutbound] => 1
                                                )

                                            [22] => stdClass Object
                                                (
                                                    [text] => Hering
                                                    [href] => http://www.ehow.com/about_6836844_hering_s-color-theory.html
                                                    [hrefDomain] => ehow.com
                                                    [rel] => noopener noreferrer
                                                    [isOutbound] => 1
                                                )

                                            [23] => stdClass Object
                                                (
                                                    [text] => Birren
                                                    [href] => http://www.ehow.com/about_5366927_birren-color-theory.html
                                                    [hrefDomain] => ehow.com
                                                    [rel] => noopener noreferrer
                                                    [isOutbound] => 1
                                                )

                                            [24] => stdClass Object
                                                (
                                                    [text] => Müller
                                                    [href] => http://www.colourlovers.com/blog/2007/09/02/the-muller-formula-or-predictable-color-preferences
                                                    [hrefDomain] => colourlovers.com
                                                    [rel] => noopener noreferrer
                                                    [isOutbound] => 1
                                                )

                                            [25] => stdClass Object
                                                (
                                                    [text] => throughout history
                                                    [href] => http://www.ehow.com/facts_5033489_history-color-theory.html
                                                    [hrefDomain] => ehow.com
                                                    [rel] => noopener noreferrer
                                                    [isOutbound] => 1
                                                )

                                            [26] => stdClass Object
                                                (
                                                    [text] => 
                                                    [href] => http://twitter.com/ashtonhauff
                                                    [hrefDomain] => twitter.com
                                                    [isOutbound] => 1
                                                )

                                        )

                                )

                            [toc] => Array
                                (
                                    [0] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => Let's Start With The Basics Of Color Theory. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                    [0] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Primary Color. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [1] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Secondary Color. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [2] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Tertiary Color. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [3] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Pure Color. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [4] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Tints. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [5] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Shades. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [6] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Tones. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [7] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => The Completed Color Wheel. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                )

                                        )

                                    [1] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => Using Contrast Correctly With Color. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                    [0] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Using High And Low Contrast. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                )

                                        )

                                    [2] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => Choosing Color Combinations. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                    [0] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Using Complementary (Opposite) Colors. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [1] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Caution: Addressing Color Blindness. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [2] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Using Split Complementary Colors. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [3] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Using Analogous Colors. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [4] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Using Monochromatic Colors. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [5] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Using Triangle, Rectangle And Square Colors. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                )

                                        )

                                    [3] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => The Psychology of Colors in Marketing. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                    [0] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => The Color Psychology of Red. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [1] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => The Color Psychology of Orange. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [2] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => The Color Psychology of Yellow. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [3] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => The Color Psychology of Green. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [4] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => The Color Psychology of Blue. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [5] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => The Color Psychology of Purple. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [6] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => The Color Psychology of Pink. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [7] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => The Color Psychology of Brown. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [8] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => The Color Psychology of Gold. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [9] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => The Color Psychology of Black. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [10] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => The Color Psychology of White. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [11] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => More Scientific Findings of Color. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                    [0] => stdClass Object
                                                                        (
                                                                            [level] => 4
                                                                            [name] => Bright Colors. 
                                                                            [tag] => h4
                                                                            [children] => Array
                                                                                (
                                                                                )

                                                                        )

                                                                    [1] => stdClass Object
                                                                        (
                                                                            [level] => 4
                                                                            [name] => Cultural Color. 
                                                                            [tag] => h4
                                                                            [children] => Array
                                                                                (
                                                                                )

                                                                        )

                                                                    [2] => stdClass Object
                                                                        (
                                                                            [level] => 4
                                                                            [name] => Word Connections To Color. 
                                                                            [tag] => h4
                                                                            [children] => Array
                                                                                (
                                                                                )

                                                                        )

                                                                    [3] => stdClass Object
                                                                        (
                                                                            [level] => 4
                                                                            [name] => Preferred Colors By Gender. 
                                                                            [tag] => h4
                                                                            [children] => Array
                                                                                (
                                                                                )

                                                                        )

                                                                )

                                                        )

                                                    [12] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Mood Colors And Emotions (Infographic). 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [13] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Color & Brand Recognition. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [14] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Testing Your Best Colors: A CoSchedule Case Study. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [15] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Now You're A Color Psychology Expert!
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                    [0] => stdClass Object
                                                                        (
                                                                            [level] => 5
                                                                            [name] => About the Author
                                                                            [tag] => h5
                                                                            [children] => Array
                                                                                (
                                                                                )

                                                                        )

                                                                )

                                                        )

                                                    [16] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Ashton Hauff. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                )

                                        )

                                    [4] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => We also think you'll like...
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                    [0] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => The Art of Generating More Customer Reviews With Denise Blasevick From The S3 Agency [AMP 268]. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [1] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => How to Perform a Social Media Audit in Five Easy Steps (Template). 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [2] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => The Best Way to Format Blog Posts to Keep Your Readers Engaged. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                )

                                        )

                                )

                            [og] => stdClass Object
                                (
                                    [ogImage] => https://media.coschedule.com/uploads/color-psychology-marketing-1.png
                                )

                            [schema_type] => Array
                                (
                                )

                            [comment_questions] => Array
                                (
                                )

                            [body] => The Know It All Guide To Color Psychology In Marketing + The Best Hex ChartAshton HauffMarketing In content marketing, color is an emotional cue. In an ocean of content marketing, color can help yours stand out. It's what gets your audience to see what you want them to see, feel what you want them to feel, and to do what you want them to do. Which hues you choose can also affect usability and whether content is readable it or not. This is what makes understanding color psychology so important for the success of your content. However, poor color choice can also negatively change the impact of your message. Get it wrong, and your great content and your amazing call to action will be easily ignored. Even NASA is concerned about color; enough so that they provide free online resources to help non-designers choose just the right shades. After reading this post, you'll understand basic color theory and psychology. Plus, we've included a free hex color chart to make picking the right colors with easy with any design tool. Ready to become an expert? Let's jump in! Table of Contents: Basics of Color Theory Primary Colors Secondary Colors Tertiary Colors Pure Color Tints Shades Tones The Complete Color Wheel Using Contrast Choosing Color Combos Using Complementary Colors Addressing Color-Blindness Using Split-Complementary Colors Using Analagous Colors Using Monochromatic Colors Using Triangle, Rectangle, and Square Colors Psychology of Colors in Marketing Red Orange Yellow Green Blue Purple Pink Brown Gold Black White Bright Colors Cultural Colors Word Associations With Color Preferences by Gender Mood and Emotions Brand Recognition Testing The Know It All Guide To #ColorPsychology In Marketing + The Best Hex ChartClick To Tweet Let's Start With The Basics Of Color Theory. Understanding how color works isn't just for artists dipping their hands into paint and pigments all day long. Anyone in marketing needs to understand the basics of color theory because no matter what you are using color in your content. Back To Top Primary Color. Primary colors are the three colors that make all other colors. They are red, blue, and yellow. These three colors can be used to create the next level of colors, called the secondary colors. Exceptions, of course, abound when it comes to talking about primary colors. If you're talking color theory in regards to light, your primary colors would be cyan, magenta, and yellow. Let's not forget CMYK for print and RGB for screens or monitors. And, when mixing paint, it matters what particular pigment you're using to get that red in order to come up with the proper new color. But let's keep this simple and stick with red, blue, and yellow. Back To Top Secondary Color. Secondary colors are purple, green, and orange. They are created using the primary colors. If you look on the color wheel, you'll find the secondary colors in between two primary colors. Color Guide: red + blue = purple blue + yellow = green red + yellow = orange   Back To Top Tertiary Color. Tertiary colors take secondary colors one step further. They are the "two-name" colors, such as red-purple, red-orange, yellow-green, etc. They are created by adding more of one primary color than the other creating not a true secondary color. It ends up being closer to the primary color. Back To Top Pure Color. Primary, secondary, and tertiary colors, without the addition of white, black, or a third color, are pure (or saturated) colors. They are intense, bright, cheery, and untainted colors. These are the colors of children's toys, daycare decor, and summer clothes. Back To Top Tints. When white is added to a pure color, you get a tint. Some people refer to these as pastel colors. They are lighter and paler than a pure color, and not as intense. Tints range from slightly whiter to almost-white. Back To Top Shades. When black is added to a pure color, you create a shade. These darken and dull the brightness of pure colors, and range from slightly darker to almost black. Back To Top Tones. When gray (black + white) is added to a pure color, you create a tone. You often hear people saying that a color needs to be "toned down", meaning it's too intense and they want to drop the level of intensity. Adding black and white in different amounts to a color subdues the intensity quickly. Back To Top The Completed Color Wheel. Whew! So there we have it: a complete color wheel with primary, secondary, and tertiary colors, plus their tints, shades, and tones. You can see how it all fits together on the color wheel below. Cool colors are all on the left side of the wheel, in the blues and greens. The warm colors are all on the right side of the wheel, in the yellows and reds. Now that you understand color theory and the color wheel, you can start to use color purposefully in your content marketing. Back To Top Using Contrast Correctly With Color. When it comes to color techniques, the use of contrast is particularly important, and it's probably the one that will lead you to butt heads with your designer the most. Contrast is how one color stands apart from another. It's what makes text or objects distinguishable from the background. High contrast is when colors easily stand apart from each other. Low contrast is when they don't. Often, people assume a difference in color is what creates contrast, but that's not true. You might have two colors that are completely different but have no contrast at all because their tone is the same. To test out your colors contrast, turn them into grayscale and review their contrast. Colors, in their pure form, have inherent differences in how light and dark they are. Yellow is bright, for example, while blue is darker. Yellow and orange have little contrast with each other, despite being different colors. When different colors have the same tone (level of gray as you just learned), they will not have much contrast, either. It isn't enough to simply pick two different colors when making decisions about contrast. Using High And Low Contrast. Generally, high contrast is the best choice for important content, because it is most easily seen. Dark on light or light on dark–it's the easiest to read. It might not be exciting, but it is readable. One word of caution, though: If everything is high contrast, nothing stands out and it's tiring on the eye after a while. (e.g. Think of black computer screens with bright green text.) Designers often prefer low contrast techniques. They like to make things look beautiful, but beautiful isn't always the best for readability. Tone-on-tone similar colored combinations are very popular and while their subtlety is quite attractive, they are also difficult for people to read. Pro Tip: Try to find the balance between beautiful color schemes, and legibility for optimal clarity in your visuals. In order to use similar colors, while getting the contrast you desire, create a color scheme with both complementary and analogous colors. What's that? Let's keep reading! Choose #colors and contrast that is readable. Beautiful content that can't be read is a fail. #writing #colorClick To Tweet Back To Top Choosing Color Combinations. The color wheel can help you choose great color combinations for your call to action button, your infographics, and your lead collection pop-up. Keeping your color combinations simple will help you in the long run. A study from the University of Toronto showed on how people using Adobe Kuler revealed most people preferred simple color combinations that relied on only 2 to 3 favorite colors. People like simplicity; it makes your content easier to understand if they don't have to interpret it through many colors. And remember, color has meaning so each color adds or takes away from your message. Too many colors make for a confusing message. So how do you choose those 2 or 3 colors? The color wheel can help. Back to the Top Using Complementary (Opposite) Colors. Complementary color combinations make things stand out. Complementary colors are "opposite" colors. They are opposite of each other on the color wheel, meaning the one color they lack is that one opposite of them. They are geographically and color-wise the opposite, and provide a kind of visual tension because they are so opposed to each other. You might even notice that some of your favorite sport teams use complementary colors. From football to hockey, opposite colors are used for some great color combinations. Blue is the opposite of orange. Red is the opposite of green. Yellow is the opposite of purple. Opposites attract! When the human eye sees a painting full of different kinds of greens, any bit of red is going to stand out amazingly well. Why? Because red is the opposite color of green. When the eye has been looking at a lot of the same color, it wants to see the opposite for a visual break. Using complementary colors is the easiest way to get something to stand out. Use them with caution to keep your content from being too visually jarring. You don't want 50% orange and 50% blue because neither color wins and it causes distress to the eyes. Pro Tip: pick a primary color as your main color, and then accent it with its complement color for more of a 7:3 ratio. This provides a beautiful color pairing, but also lets your eyes break on the opposite color. Let's look at the CoSchedule homepage as an example. What colors do you see? It's mainly blue, but our most important button, the "Get Started Free Now" button, is orange. Orange is the opposite color of blue. In a sea of dark blue, your eye is going to naturally notice orange faster than any other color. We also ensured that the orange button contrasted from the dark blue to make it even more visually present. Back To Top Caution: Addressing Color Blindness. A quick word of caution: Red and green, two complementary colors, present a sticky problem. Some people have color blindness and cannot distinguish between certain colors, and red and green are a common problematic combination.Colors with heavy amounts of red and green in them get bungled up, too. Did you know that Facebook is blue because Mark Zuckerberg is red-green colorblind? He sees blues the best. The above example shows the three types of color blindness: Deuteranope, protanope, and tritanope. Similar to Mark who sees blue best, it's no wonder why blue is one of the more popular colors as it stretches even beyond color blindness. To help with color blindness when using complementary colors, remember there must be high contrast. Try to never use a color solely as the information source. Include text in graphs and infographics whenever possible as well. High contrast and additional text will ensure that even when color blindness is present, your visuals will be both readable and enjoyable to see. Back To Top Using Split Complementary Colors. If you want to use three colors instead of just two, using split complementary color schemes is a way to capitalize on the power of complementary colors but add a third color to your palette. To use it, you'll choose one color as your base color, and then the two colors adjacent to its opposite. For example, if we decided to choose green as our main color, we'd look across the color wheel for its complementary color, red. Then, look to the two colors directly beside it. Now, we have green, red-orange, and red-purple for a perfect split complementary color scheme. A split complementary color scheme doesn't have quite the same level of tension that a complementary color scheme does, but it's still visually exciting for your eye. It also adds a level of variety to your color scheme that can be used in a very dynamic, meaningful way. Back To Top Using Analogous Colors. Analogous colors sit next to each other on the color wheel. They are "related", a kind of family of colors that creates pleasing and relaxed visuals. They aren't jarring, opposite, or clashing. They also don't stand out from one another. Analogous colors can create subtle and beautiful content, but you may need to add a complementary color to get any particular item to stand out. Back To Top Using Monochromatic Colors. Monochromatic colors are a single color, with its tints, shades, and tones. They are even more soft and subtle than analogous colors since it's a color palette based on one single color. Monochromatic colors work great when paired with a single complementary color. On the CoSchedule website, we use monochromatic blue colors with orange for the content we want to get noticed. Most designers—when using complementary colors—pair a rich collection of monochromatic colors with a single complementary color. Pair a rich collection of monochromatic colors with a single complementary #color #designClick To Tweet Back To Top Using Triangle, Rectangle And Square Colors. It isn't difficult to create color combinations that stretch the boundaries of the easy power of complementary opposites and the related analogous and monochromatic palettes. All you need is a triangle, rectangle, and a square. A triangle (triad) is a color combination made of three colors that are evenly spaced around the color wheel. A rectangle (tetradic) is a color combination made of four colors that are made up of two complementary pairs. A square is similar to a rectangle palette, but the two sets of complementary pairs are colors evenly spaced around the circle. These three combinations can be visually noisy if you're not careful. The best application is to use one color as the dominant color, and the others for highlighting content. The triangle combination is particularly vibrant; three is a "stable" number and using three colors is visually stabilizing. Back To Top The Psychology of Colors in Marketing. Color is an essential tool because it has an impact on how we think and behave. Color directs our eye where to look, what to do, and how to interpret something. It puts content into context. It helps us decide what's important and what's not. That's precisely why, as a content marketer, you need to understand what colors mean to people. While color psychology has been studied and analyzed over time, the psychological impact of color is still moderately subjective. We don't all react the same way to colors, as we all have previous experiences with colors from significant events, cultures, people, and memories. However, there are a few generalities about how people respond to color, and that's what we're going to look at. Back To Top The Color Psychology of Red. Red is a very powerful, dynamic color that reflects our physical needs whether to show affection and love, or to portray terror, fear, and survival. Red is also a very energizing color that can portray friendliness and strength, but can also be demanding and show aggression depending on its context. Overall, if you're looking to have a really powerful presence or get someone's attention fast, red is your go-to color. Just remember to use it sparingly to avoid the extreme negative reactions it can so easily awaken. Red is commonly seen: Stop lights, Valentine's Day, and horror films. Back To Top The Color Psychology of Orange. Orange has a very interesting psychological meaning as it combines red's power and energy with yellow's friendliness and fun. The mix makes orange a good representation of physical comfort in our warmth, food, and shelter. (It even stimulates our appetite so watch out if you're hungry!) Orange is also known to be a color of motivation, lends a positive attitude, and general enthusiasm for life. Overall, orange is great for bringing comfort in tough times, and creating a sense of fun or freedom in your visuals. Orange is commonly seen: Fruits, sporting events, and board games. Back To Top The Color Psychology of Yellow. Yellow is the epitome of joy, happiness, cheerfulness, optimism—you name it. Anything happy is almost always yellow. The wavelength of yellow is particularly long, making it have one of the most powerful psychological meanings, while also being the easiest color to visibly see. (Did you know yellow is the first color infants respond to?) Whenever you need to lift someone's spirits, increase their confidence, or provide inspiration, use yellow. However, avoid using yellow too much because it's also known to make us more critical causing self esteem issues, fear, or anxiety. Find the right balance of yellow to motivate rather than bring others down. Yellow is commonly seen: Traffic crossings and signs, smiley faces, and window-front displays. Back To Top The Color Psychology of Green. Green is a color of balance and harmony. It lends us a clearer sense of right from wrong since green incorporates a balance of both the logical and emotional. Green is one of the most-seen colors in nature reflecting life, rest, and peace. It is also a sign of growth, whether that's in a physical object like plants or in our income and wealth. Overall, if you're looking to portray health, rest, and to relieve stress, green is your color. While green does have minor negative aspects like over-possession and materialism, it has a more positive affect than most other colors. Green is commonly seen: Nature, economic exchange, health-based stores, and restaurants. Back To Top The Color Psychology of Blue. Blue is known for its trust and dependability. It's reliable, responsible, and mentally soothing. For that reason alone, it's one of the most-liked colors across the entire world. Unlike red, blue lends a more mental reaction rather than physical that allows us to destress, calm down, and think of the most ideal situation. Unfortunately, it also is one of the last colors to be seen, and can be perceived as distant, cold, or unfriendly if used it great amounts. Overall, blue is a well-liked color that can bring a sense of calmness and trust when building relationships, especially in marketing. Blue is commonly seen: Workout facilities, hospitals, and spas. Back To Top The Color Psychology of Purple. Purple is most commonly known for its imagination and spirituality. It possesses the energy and power of red, with the stability and reliability of blue, making it a perfect balance between the physical and spiritual. Purple is often used to show luxury, loyalty, courage, mystery, and magic. It's a very intriguing color as it soothes, but also presents space for mystery and new ideas. This is why creativity is most often associated with the color purple. When using purple, avoid using it too often as it can also cause too much introspection or distraction as thoughts begin to wonder. Purple is commonly seen: Magic shows, fairy tales, and luxury products. Back To Top The Color Psychology of Pink. Pink is a softer, less intense version of red that creates a sense of compassion and unconditional love. While it's a very physical color, it soothes rather than stimulates, making it a perfect color for caring, understanding, and nurturing those in need. Pink is a sign of hope. It is also known to be very romantic as it shows empathy and sensitivity. If too much pink is used, it can be very draining, show a lack of power, and even immature. Overall, pink can be a great counter-option to the color red when used appropriately. Pink is commonly seen: Cancer patients, little kid objects, and bathroom products. Back To Top The Color Psychology of Brown. Brown, while maybe not the most visual stimulating color, is a great sign of structure, security, and protection. Whether it's family, friends, and material possessions, brown offers constant support. It's also a very serious, down to earth color you can use where black might be too intense. The downfall to brown is that it's the most safe color and can seem reserved, scheduled, and boring. Overall, use it when necessary, but don't depend on it too heavily. Brown is commonly seen: Campgrounds, home furnishings, and coffee shops. Back To Top The Color Psychology of Gold. Gold has quite a few different meanings depending on your culture. Across the world, though, gold consistently represents some variation of charm, confidence, luxury, and treasure. It also can have an element of friendliness, abundance, and prosperity that is naturally attractive. Too much gold, however, can seem egotistical, proud, and self-righteous. Similar to colors like brown and black, try to use gold more sparingly to highlight rather than be the main attraction. Gold is commonly seen: Luxury products, rings, and trophies. Back To Top The Color Psychology of Black. Black is a color of sophistication, seriousness, control, and independence. Although, it can also be used to show evil, mystery, depression, and even death. Black is a very reserved color that completely lacks any light as its an absence of all the colors. It likes to stay hidden, in control, and separate from others. For this reason, black is a great color for high contrast and easy legibility. Unfortunately, since its a very powerful color, too much black can cause sadness and overall negativity so use it sparingly and in your text more so than the visuals itself. Black is commonly seen: Professional attire, luxury products, and limos. Back To Top The Color Psychology of White. White is color that is complete and pure, making it a perfect example of purity, innocence, cleanliness, and peace. White can also represent new beginnings, providing a blank slate, and gives refreshment for new ideas. Since white has an equal balance of all the colors, it can exemplify several meanings, with equality outweighing them all. White is a great color for simplicity, cleanliness, and idea creation; however, avoid using too much white as it can cause isolation, loneliness, and emptiness. White is commonly seen: Weddings, website backgrounds, and doctor's waiting rooms. More Scientific Findings of Color. Back To Top Bright Colors. Faber Birren, a 20th-century color researcher and author of Color Psychology And Color Therapy, discovered something interesting about general color groups. He found that bright light and bright colors promoted "big muscle" activity, while softer and deeper colors promoted mental and visual tasks better. He also discovered that red stimulates our nervous system while blue relaxes it. Red and related colors also caused people to overestimate the passage of time while cooler colors like green and blue were the reverse. That means that: Bright colors promote physical activity but make the passage of time seem slower. Cooler and softer colors are better for mental activity and make the time seem to fly by. Cooler and softer #colors are better for mental activity and make the time seem to fly by!Click To Tweet Back To Top Cultural Color. Color also means different things in different cultures. According to researcher Joe Hallock "Eskimos use 17 words for white as applied to different snow conditions, where in the Northwest United States there are only 4 or 5." Every culture understands a color differently. It has a role to play in religion, politics, ceremony, and art. The culture your audience is in affects how they understand deeper meanings of color. Even the context you use the color in affects the meaning of color. For example, in India, red means purity, while in the U.S. it denotes passion and specific holidays. Back To Top Word Connections To Color. In a survey, people were asked to choose the color they associated with particular words. Trust: Most chose the color blue (34%), followed by white (21%) and green (11%) Security: Blue came out on top (28%), followed by black (16%) and green (12%) Speed: Red was overwhelmingly the favorite (76%) Cheapness: Orange came first (26%), followed by yellow (22%) and brown (13%) High Quality: Black was the clear winner (43%), then blue (20%) High Tech: This was almost evenly split, with black the top choice (26%) and blue and gray second (both 23%) Reliability: Blue was the top choice (43%), followed by black (24%) Courage: Most chose purple (29%), then red (28%), and finally blue (22%) Fear/Terror: Red came in first (41%) followed by black (38%) Fun: Orange was the top choice (28%), followed closely by yellow (26%) and then purple (17%) Blue is clearly a color people are positively drawn to, but beyond that, little else can be said. Depending upon the context of the rest of your content, black can mean high quality and trust, or it can mean fear and terror. It can't do it on its own, but surrounded by your content, a color choice can bump up your intended meaning a notch. Blue is one of the most preferred colors, with the most positive connotations. #color #creativityClick To Tweet Back To Top Preferred Colors By Gender. Compiling the results of many studies, the Kissmetrics blog came up with an excellent infographic on how men and women experience and react to color differently. Men and women have different color preferences. According to both the Kissmetrics blog and Hallock: Blue is the favored color by both men (57%) and women (35%), though it is more heavily favored by men. Men dislike brown the most while women dislike orange the most. Colors that were disliked were also seen as "cheap." Men tolerate achromatic colors (i.e. shades of gray) better. Women preferred tints while men preferred pure or shaded colors. A majority of men (56%) and women (76%) preferred cool colors in general. Orange and yellow grow increasingly disliked as both genders get older. Women see more colors than men, generally. They are more aware of slight color differences within a color range. This may explain why men simply call the color blue...blue. Women, on the other hand, see cerulean, sky, teal, turquoise, and all sorts of varieties of blue. Perhaps it is a combination of being able to visually see more differentiation and considering it worthy of a more specific name. Perhaps men are better able to tolerate both colorless and bright color palettes because they aren't as sensitive to the nature and nuances of the color as women seem to be. Did you know that women see more colors than men? #color #contentmarketingClick To Tweet What does this mean for you? Well, is your audience mostly men or is it women? What age are they? Do the colors you're using in your content marketing attract or repel that audience? If your audience is women, in particular, you must carefully choose colors that are not too raucous. If you are selling a luxury product, you want to avoid colors that are seen as cheap. Back To Top Mood Colors And Emotions (Infographic). There are a few generalized understandings of what specific colors often mean to a large cross-section of people, with each color having negative and positive emotions associated with it. Back To Top Color & Brand Recognition. How people behave when they see color has a direct effect on your conversions. Will they click the button on your CTA? Will they read your pop-up graphic? Will they notice your email subscription box? According to the Institute for Color Research, people make a judgment about your content in 90 seconds or less. And, up to 90% of that judgment in that brief amount of time is influenced by the colors they see. Blogger Neil Patel gives further proof of how colors affect your conversion rate, revealing that 85% of consumers base buying decisions on color, and that full-color ads in magazines get recognized 26% more often than plain old black and white ads. In fact, color helps people recognize your brand by up to 80%. It's important to choose your color carefully, and stick with it. When it comes to getting people to click a button or sign up, it's not a question of which color is magic and makes it happen all the time. It's a question of passive and active colors, of high and low contrasts, and of opposites, like our CoSchedule example where the orange button stood out from the blue. And it's a question of which color tested best for you. Recommended Reading: How To Create A Marketing Strategy That Will Skyrocket Your Results By 9,360% Back To Top Testing Your Best Colors: A CoSchedule Case Study. The color combination of orange and blue is a powerful one. It's fairly safe in respects to color blindness, and repeatedly gets favorable marks by people as a combination. But is it enough to just pick a great combination? Not at all; you need to know how to use those colors individually. Let's look at CoSchedule and our Facebook promotions as an example. We've created several designs over the last year, some with a blue backgrounds, and others with orange backgrounds. The promotions with the orange backgrounds consistently made people more likely to click than those with the blue backgrounds! It made sense, though. Think about Facebook. It is a predominantly blue network, and so our orange image stood out more than our blue image did. This doesn't mean that orange is the color you must use. It means we tested our two colors and found that orange worked the best Test your colors to find out which colors will make people click into your content more often.Click To Tweet It means we tested our two colors and found that orange worked the best for us on Facebook. It might even vary from social network to social network so make sure that you do your own testing. What worked on Facebook might look different than Twitter. You need to find out if your red button beats your green button (as Hubspot discovered) on your own. The color of the rest of the page, your content, and the placement objects will make your results different from what someone else has discovered. Back To Top Now You're A Color Psychology Expert! Color in general is fascinating to study, from both a theory and psychological standpoint. From Newton, Goethe, Itten, Hering, Young-Helmholtz, Birren, or Müller (yes, there have been many theories on color throughout history), the lowly color wheel has been considered and reconsidered again and again. The effect color has on us and our behavior has been studied repeatedly. When it comes to choosing colors, you must test. You cannot know how your audience will respond to your colors in your content and layout without creating thoughtful A/B tests to determine which color combinations and placements generate the most leads and traffic in your content. What have you learned about #color in your own #contentmarketing?Click To Tweet An earlier draft of this post was written and created by Julie Neidlinger. It was most recently updated on Aug. 29, 2018 by Ashton Hauff.August 29, 2018 About the AuthorAshton Hauff. Ashton is CoSchedule's graphic designer who takes written content, throws it through an unbelievable design brain, and makes everything we do even better. Photographer, designer, artist.We also think you'll like...The Art of Generating More Customer Reviews With Denise Blasevick From The S3 Agency [AMP 268]. Who do you believe more? A marketer, your best friend, or complete stranger who bought your product or service and offers an honest opinion? Good or bad—what customers say matters. […] Ben SailerJanuary 5, 2022How to Perform a Social Media Audit in Five Easy Steps (Template). Do you see your social media performance going down recently? Worried you’re missing out on opportunities to improve your social media marketing? Or, are you wondering, “How can I tell […] Melissa KingDecember 30, 2021The Best Way to Format Blog Posts to Keep Your Readers Engaged. No matter how good your content is, not all your readers will read it word for word. In fact, the majority of them will skim read it. So if you’ve been […] Masooma MemonDecember 29, 2021
                            [kwBody] => Array
                                (
                                    [0] => stdClass Object
                                        (
                                            [term] => color
                                            [tf] => 340
                                        )

                                    [1] => stdClass Object
                                        (
                                            [term] => blue
                                            [tf] => 50
                                        )

                                    [2] => stdClass Object
                                        (
                                            [term] => orange
                                            [tf] => 41
                                        )

                                    [3] => stdClass Object
                                        (
                                            [term] => top
                                            [tf] => 40
                                        )

                                    [4] => stdClass Object
                                        (
                                            [term] => commonly
                                            [tf] => 38
                                        )

                                    [5] => stdClass Object
                                        (
                                            [term] => red
                                            [tf] => 38
                                        )

                                    [6] => stdClass Object
                                        (
                                            [term] => back top
                                            [tf] => 36
                                        )

                                    [7] => stdClass Object
                                        (
                                            [term] => back
                                            [tf] => 36
                                        )

                                    [8] => stdClass Object
                                        (
                                            [term] => content
                                            [tf] => 33
                                        )

                                    [9] => stdClass Object
                                        (
                                            [term] => green
                                            [tf] => 30
                                        )

                                    [10] => stdClass Object
                                        (
                                            [term] => contrast
                                            [tf] => 29
                                        )

                                    [11] => stdClass Object
                                        (
                                            [term] => yellow
                                            [tf] => 29
                                        )

                                    [12] => stdClass Object
                                        (
                                            [term] => complementary
                                            [tf] => 29
                                        )

                                    [13] => stdClass Object
                                        (
                                            [term] => black
                                            [tf] => 28
                                        )

                                    [14] => stdClass Object
                                        (
                                            [term] => person
                                            [tf] => 28
                                        )

                                    [15] => stdClass Object
                                        (
                                            [term] => color psychology
                                            [tf] => 27
                                        )

                                    [16] => stdClass Object
                                        (
                                            [term] => psychology
                                            [tf] => 27
                                        )

                                    [17] => stdClass Object
                                        (
                                            [term] => complementary color
                                            [tf] => 24
                                        )

                                    [18] => stdClass Object
                                        (
                                            [term] => white
                                            [tf] => 19
                                        )

                                    [19] => stdClass Object
                                        (
                                            [term] => opposite
                                            [tf] => 19
                                        )

                                    [20] => stdClass Object
                                        (
                                            [term] => combination
                                            [tf] => 17
                                        )

                                    [21] => stdClass Object
                                        (
                                            [term] => choose
                                            [tf] => 16
                                        )

                                    [22] => stdClass Object
                                        (
                                            [term] => purple
                                            [tf] => 15
                                        )

                                    [23] => stdClass Object
                                        (
                                            [term] => wheel
                                            [tf] => 15
                                        )

                                    [24] => stdClass Object
                                        (
                                            [term] => man
                                            [tf] => 14
                                        )

                                    [25] => stdClass Object
                                        (
                                            [term] => color color
                                            [tf] => 13
                                        )

                                    [26] => stdClass Object
                                        (
                                            [term] => color wheel
                                            [tf] => 13
                                        )

                                    [27] => stdClass Object
                                        (
                                            [term] => back top color
                                            [tf] => 12
                                        )

                                    [28] => stdClass Object
                                        (
                                            [term] => top color
                                            [tf] => 12
                                        )

                                    [29] => stdClass Object
                                        (
                                            [term] => marketing
                                            [tf] => 12
                                        )

                                    [30] => stdClass Object
                                        (
                                            [term] => primary
                                            [tf] => 12
                                        )

                                    [31] => stdClass Object
                                        (
                                            [term] => woman
                                            [tf] => 12
                                        )

                                    [32] => stdClass Object
                                        (
                                            [term] => top color psychology
                                            [tf] => 11
                                        )

                                    [33] => stdClass Object
                                        (
                                            [term] => color combination
                                            [tf] => 11
                                        )

                                    [34] => stdClass Object
                                        (
                                            [term] => meaning
                                            [tf] => 11
                                        )

                                    [35] => stdClass Object
                                        (
                                            [term] => great
                                            [tf] => 11
                                        )

                                    [36] => stdClass Object
                                        (
                                            [term] => pure
                                            [tf] => 11
                                        )

                                    [37] => stdClass Object
                                        (
                                            [term] => high
                                            [tf] => 11
                                        )

                                    [38] => stdClass Object
                                        (
                                            [term] => color blindness
                                            [tf] => 10
                                        )

                                    [39] => stdClass Object
                                        (
                                            [term] => primary color
                                            [tf] => 10
                                        )

                                    [40] => stdClass Object
                                        (
                                            [term] => create
                                            [tf] => 10
                                        )

                                    [41] => stdClass Object
                                        (
                                            [term] => secondary color
                                            [tf] => 8
                                        )

                                    [42] => stdClass Object
                                        (
                                            [term] => opposite color
                                            [tf] => 8
                                        )

                                    [43] => stdClass Object
                                        (
                                            [term] => pure color
                                            [tf] => 7
                                        )

                                    [44] => stdClass Object
                                        (
                                            [term] => color scheme
                                            [tf] => 7
                                        )

                                    [45] => stdClass Object
                                        (
                                            [term] => tertiary color
                                            [tf] => 6
                                        )

                                    [46] => stdClass Object
                                        (
                                            [term] => color red
                                            [tf] => 6
                                        )

                                    [47] => stdClass Object
                                        (
                                            [term] => contrast color
                                            [tf] => 6
                                        )

                                    [48] => stdClass Object
                                        (
                                            [term] => color theory
                                            [tf] => 6
                                        )

                                    [49] => stdClass Object
                                        (
                                            [term] => monochromatic color
                                            [tf] => 6
                                        )

                                    [50] => stdClass Object
                                        (
                                            [term] => color create
                                            [tf] => 6
                                        )

                                    [51] => stdClass Object
                                        (
                                            [term] => high contrast
                                            [tf] => 6
                                        )

                                    [52] => stdClass Object
                                        (
                                            [term] => split complementary color
                                            [tf] => 5
                                        )

                                    [53] => stdClass Object
                                        (
                                            [term] => person color
                                            [tf] => 5
                                        )

                                    [54] => stdClass Object
                                        (
                                            [term] => color green
                                            [tf] => 5
                                        )

                                    [55] => stdClass Object
                                        (
                                            [term] => luxury product
                                            [tf] => 5
                                        )

                                    [56] => stdClass Object
                                        (
                                            [term] => split complementary
                                            [tf] => 5
                                        )

                                    [57] => stdClass Object
                                        (
                                            [term] => bright color
                                            [tf] => 5
                                        )

                                    [58] => stdClass Object
                                        (
                                            [term] => analogou color
                                            [tf] => 5
                                        )

                                    [59] => stdClass Object
                                        (
                                            [term] => choose color
                                            [tf] => 5
                                        )

                                    [60] => stdClass Object
                                        (
                                            [term] => basic color theory
                                            [tf] => 4
                                        )

                                    [61] => stdClass Object
                                        (
                                            [term] => tweet back top
                                            [tf] => 4
                                        )

                                    [62] => stdClass Object
                                        (
                                            [term] => complementary color scheme
                                            [tf] => 4
                                        )

                                    [63] => stdClass Object
                                        (
                                            [term] => understand color
                                            [tf] => 4
                                        )

                                    [64] => stdClass Object
                                        (
                                            [term] => tone
                                            [tf] => 4
                                        )

                                    [65] => stdClass Object
                                        (
                                            [term] => color remember
                                            [tf] => 4
                                        )

                                    [66] => stdClass Object
                                        (
                                            [term] => meaning color
                                            [tf] => 4
                                        )

                                    [67] => stdClass Object
                                        (
                                            [term] => man woman
                                            [tf] => 4
                                        )

                                    [68] => stdClass Object
                                        (
                                            [term] => content marketing
                                            [tf] => 4
                                        )

                                    [69] => stdClass Object
                                        (
                                            [term] => basic color
                                            [tf] => 4
                                        )

                                    [70] => stdClass Object
                                        (
                                            [term] => color tint
                                            [tf] => 4
                                        )

                                    [71] => stdClass Object
                                        (
                                            [term] => black white
                                            [tf] => 4
                                        )

                                    [72] => stdClass Object
                                        (
                                            [term] => red blue
                                            [tf] => 4
                                        )

                                    [73] => stdClass Object
                                        (
                                            [term] => low contrast
                                            [tf] => 4
                                        )

                                    [74] => stdClass Object
                                        (
                                            [term] => tweet back
                                            [tf] => 4
                                        )

                                    [75] => stdClass Object
                                        (
                                            [term] => great color
                                            [tf] => 4
                                        )

                                    [76] => stdClass Object
                                        (
                                            [term] => red green
                                            [tf] => 4
                                        )

                                    [77] => stdClass Object
                                        (
                                            [term] => color tint shade
                                            [tf] => 3
                                        )

                                    [78] => stdClass Object
                                        (
                                            [term] => tint shade tone
                                            [tf] => 3
                                        )

                                    [79] => stdClass Object
                                        (
                                            [term] => color monochromatic color
                                            [tf] => 3
                                        )

                                    [80] => stdClass Object
                                        (
                                            [term] => triangle rectangle square
                                            [tf] => 3
                                        )

                                    [81] => stdClass Object
                                        (
                                            [term] => primary color color
                                            [tf] => 3
                                        )

                                    [82] => stdClass Object
                                        (
                                            [term] => color back top
                                            [tf] => 3
                                        )

                                    [83] => stdClass Object
                                        (
                                            [term] => added pure color
                                            [tf] => 3
                                        )

                                    [84] => stdClass Object
                                        (
                                            [term] => monochromatic color single
                                            [tf] => 3
                                        )

                                    [85] => stdClass Object
                                        (
                                            [term] => single complementary color
                                            [tf] => 3
                                        )

                                    [86] => stdClass Object
                                        (
                                            [term] => marketing color
                                            [tf] => 3
                                        )

                                    [87] => stdClass Object
                                        (
                                            [term] => color pure
                                            [tf] => 3
                                        )

                                    [88] => stdClass Object
                                        (
                                            [term] => tint shade
                                            [tf] => 3
                                        )

                                    [89] => stdClass Object
                                        (
                                            [term] => shade tone
                                            [tf] => 3
                                        )

                                    [90] => stdClass Object
                                        (
                                            [term] => choosing color
                                            [tf] => 3
                                        )

                                    [91] => stdClass Object
                                        (
                                            [term] => color monochromatic
                                            [tf] => 3
                                        )

                                    [92] => stdClass Object
                                        (
                                            [term] => triangle rectangle
                                            [tf] => 3
                                        )

                                    [93] => stdClass Object
                                        (
                                            [term] => rectangle square
                                            [tf] => 3
                                        )

                                    [94] => stdClass Object
                                        (
                                            [term] => psychology color
                                            [tf] => 3
                                        )

                                    [95] => stdClass Object
                                        (
                                            [term] => red orange
                                            [tf] => 3
                                        )

                                    [96] => stdClass Object
                                        (
                                            [term] => orange yellow
                                            [tf] => 3
                                        )

                                    [97] => stdClass Object
                                        (
                                            [term] => yellow green
                                            [tf] => 3
                                        )

                                    [98] => stdClass Object
                                        (
                                            [term] => color primary
                                            [tf] => 3
                                        )

                                    [99] => stdClass Object
                                        (
                                            [term] => blue yellow
                                            [tf] => 3
                                        )

                                    [100] => stdClass Object
                                        (
                                            [term] => color back
                                            [tf] => 3
                                        )

                                    [101] => stdClass Object
                                        (
                                            [term] => added pure
                                            [tf] => 3
                                        )

                                    [102] => stdClass Object
                                        (
                                            [term] => color contrast
                                            [tf] => 3
                                        )

                                    [103] => stdClass Object
                                        (
                                            [term] => color person
                                            [tf] => 3
                                        )

                                    [104] => stdClass Object
                                        (
                                            [term] => color opposite
                                            [tf] => 3
                                        )

                                    [105] => stdClass Object
                                        (
                                            [term] => blue color
                                            [tf] => 3
                                        )

                                    [106] => stdClass Object
                                        (
                                            [term] => color palette
                                            [tf] => 3
                                        )

                                    [107] => stdClass Object
                                        (
                                            [term] => color single
                                            [tf] => 3
                                        )

                                    [108] => stdClass Object
                                        (
                                            [term] => single complementary
                                            [tf] => 3
                                        )

                                    [109] => stdClass Object
                                        (
                                            [term] => orange color
                                            [tf] => 3
                                        )

                                    [110] => stdClass Object
                                        (
                                            [term] => it
                                            [tf] => 3
                                        )

                                    [111] => stdClass Object
                                        (
                                            [term] => making perfect
                                            [tf] => 3
                                        )

                                    [112] => stdClass Object
                                        (
                                            [term] => gold
                                            [tf] => 3
                                        )

                                    [113] => stdClass Object
                                        (
                                            [term] => top choice
                                            [tf] => 3
                                        )

                                    [114] => stdClass Object
                                        (
                                            [term] => woman color
                                            [tf] => 3
                                        )

                                    [115] => stdClass Object
                                        (
                                            [term] => color man
                                            [tf] => 3
                                        )

                                    [116] => stdClass Object
                                        (
                                            [term] => social media
                                            [tf] => 3
                                        )

                                )

                            [page_rank_decimal] => 58
                            [rank] => 3696
                        )

                    [20] => stdClass Object
                        (
                            [position] => 21
                            [title] => Best Color Theory Books for Artists and Students – ARTnews.com
                            [url] => https://www.artnews.com/art-news/product-recommendations/best-color-theory-books-1202694928/
                            [destination] => https://www.artnews.com › product-recommendations
                            [description] => These are the best color theory books for foundational knowledge of the field
                            [isAmp] => 
                            [date] => 26 Jul 2020
                            [organic_position] => 20
                            [serp_type] => page
                            [isOrganicPage] => 1
                            [isOrganic] => 1
                            [serp_title] => The Best Color Theory Books for Foundational Knowledge
                            [serp_description] => A great choice for beginners and recreational artists, it covers all ... Color Theory: An essential guide to color-from basic principles to ...
                            [hostname] => artnews.com
                            [canonical] => https://www.artnews.com/art-news/product-recommendations/best-color-theory-books-1202694928/
                            [h1] => The Best Color Theory Books for Foundational Knowledge
                            [h2] => Array
                                (
                                    [0] => 1. Interaction of Color: 50th Anniversary Edition
                                    [1] => 2. Color by Betty Edwards: A Course in Mastering the Art of Mixing Colors
                                    [2] => 3. Color Theory: An essential guide to color-from basic principles to practical applications
                                    [3] => 4. The Secret Lives of Color
                                    [4] => 5. A Dictionary Of Color Combinations
                                    [5] => Newswire
                                )

                            [h3] => Array
                                (
                                    [0] => The ARTnews Recommends Editors
                                    [1] => Popular NFT Platform OpenSea Is Now Worth Over $13 Billion
                                    [2] => When Wellness Meets Weight Loss
                                    [3] => Sinead O’Connor Reveals Her 17-Year-Old Son Has Died After Going Missing
                                    [4] => Antonio Brown’s Legal Options Limited by Contract, Labor Law
                                    [5] => I Tried the Hydrow Rower for 90 Days, and Used It Way More Than I Thought I Would
                                )

                            [h2WithAnchors] => Array
                                (
                                    [0] => stdClass Object
                                        (
                                            [text] => 1. Interaction of Color: 50th Anniversary Edition
                                        )

                                    [1] => stdClass Object
                                        (
                                            [text] => 2. Color by Betty Edwards: A Course in Mastering the Art of Mixing Colors
                                        )

                                    [2] => stdClass Object
                                        (
                                            [text] => 3. Color Theory: An essential guide to color-from basic principles to practical applications
                                        )

                                    [3] => stdClass Object
                                        (
                                            [text] => 4. The Secret Lives of Color
                                        )

                                    [4] => stdClass Object
                                        (
                                            [text] => 5. A Dictionary Of Color Combinations
                                        )

                                    [5] => stdClass Object
                                        (
                                            [text] => Newswire
                                            [id] => section-heading
                                        )

                                )

                            [published_time] => stdClass Object
                                (
                                    [lastUpdate] => 
                                    [dateFormatted] => 26o July 2020
                                    [dateISO] => 2020-07-26T17:46:50+00:00
                                )

                            [modified_time] => stdClass Object
                                (
                                    [lastUpdate] => 
                                    [dateFormatted] => 21o October 2020
                                    [dateISO] => 2020-10-21T00:13:00+00:00
                                )

                            [type] => article
                            [wordCount] => 755
                            [imgCount] => 11
                            [lang] => 
                            [faq_on_page] => Array
                                (
                                )

                            [anchors] => stdClass Object
                                (
                                    [size] => 42
                                    [outboundSize] => 27
                                    [list] => Array
                                        (
                                            [0] => stdClass Object
                                                (
                                                    [text] => Icon Link Plus Icon
                                                    [href] => https://www.facebook.com/artnewsmag/
                                                    [hrefDomain] => facebook.com
                                                    [rel] => facebook
                                                    [isOutbound] => 1
                                                )

                                            [1] => stdClass Object
                                                (
                                                    [text] => Icon Link Plus Icon
                                                    [href] => https://twitter.com/artnews
                                                    [hrefDomain] => twitter.com
                                                    [rel] => twitter
                                                    [isOutbound] => 1
                                                )

                                            [2] => stdClass Object
                                                (
                                                    [text] => Icon Link Plus Icon
                                                    [href] => https://www.instagram.com/artnews/
                                                    [hrefDomain] => instagram.com
                                                    [rel] => instagram
                                                    [isOutbound] => 1
                                                )

                                            [3] => stdClass Object
                                                (
                                                    [text] => Icon Link Plus Icon
                                                    [href] => https://www.pinterest.com/artnewsmag/?eq=artnews&etslf=3858
                                                    [hrefDomain] => pinterest.com
                                                    [rel] => pinterest
                                                    [isOutbound] => 1
                                                )

                                            [4] => stdClass Object
                                                (
                                                    [text] => Icon Link Plus Icon
                                                    [href] => https://www.linkedin.com/company/40908467/admin/
                                                    [hrefDomain] => linkedin.com
                                                    [rel] => linkedin
                                                    [isOutbound] => 1
                                                )

                                            [5] => stdClass Object
                                                (
                                                    [text] => Icon Link Plus Icon
                                                    [href] => https://www.youtube.com/channel/UC08Z3HFs8ds6YtClAvbtVeQ
                                                    [hrefDomain] => youtube.com
                                                    [rel] => youtube
                                                    [isOutbound] => 1
                                                )

                                            [6] => stdClass Object
                                                (
                                                    [text] => Subscribe TO ART IN AMERICA
                                                    [href] => https://w1.buysub.com/pubs/FT/INA/INA_website.jsp?cds_page_id=241052&cds_mag_code=INA&cds_response_key=I9AWS1
                                                    [hrefDomain] => buysub.com
                                                    [isOutbound] => 1
                                                )

                                            [7] => stdClass Object
                                                (
                                                    [text] => 
                                                    [href] => https://www.tumblr.com/widgets/share/tool/preview?shareSource=legacy&canonicalUrl&url=https://www.artnews.com/art-news/product-recommendations/best-color-theory-books-1202694928/&posttype=link&title=The%20Best%20Color%20Theory%20Books%20for%20Foundational Knowledge
                                                    [hrefDomain] => tumblr.com
                                                    [rel] => tumblr
                                                    [isOutbound] => 1
                                                )

                                            [8] => stdClass Object
                                                (
                                                    [text] => 
                                                    [href] => https://pinterest.com/pin/create/link/?url=https://www.artnews.com/art-news/product-recommendations/best-color-theory-books-1202694928/&description=The%20Best%20Color%20Theory%20Books%20for%20Foundational Knowledge
                                                    [hrefDomain] => pinterest.com
                                                    [rel] => pinit
                                                    [isOutbound] => 1
                                                )

                                            [9] => stdClass Object
                                                (
                                                    [text] => 
                                                    [href] => https://www.reddit.com/submit?url=https://www.artnews.com/art-news/product-recommendations/best-color-theory-books-1202694928/&title=The%20Best%20Color%20Theory%20Books%20for%20Foundational Knowledge
                                                    [hrefDomain] => reddit.com
                                                    [rel] => reddit
                                                    [isOutbound] => 1
                                                )

                                            [10] => stdClass Object
                                                (
                                                    [text] => Buy: Interaction of Color: 50th Anniversary Edition $15.29
                                                    [href] => https://www.amazon.com/dp/0300179359?tag=artmedia04-20&linkCode=ogi&th=1&psc=1&language=en_US&asc_source=web&asc_campaign=web&asc_refurl=https%3A%2F%2Fwww.artnews.com%2Fart-news%2Fproduct-recommendations%2Fbest-color-theory-books-1202694928%2F
                                                    [hrefDomain] => amazon.com
                                                    [rel] => nofollow
                                                    [isOutbound] => 1
                                                )

                                            [11] => stdClass Object
                                                (
                                                    [text] => Buy it
                                                    [href] => https://www.amazon.com/dp/0300179359?tag=artmedia04-20&linkCode=ogi&th=1&psc=1&language=en_US&asc_source=web&asc_campaign=web&asc_refurl=https%3A%2F%2Fwww.artnews.com%2Fart-news%2Fproduct-recommendations%2Fbest-color-theory-books-1202694928%2F
                                                    [hrefDomain] => amazon.com
                                                    [rel] => nofollow
                                                    [isOutbound] => 1
                                                )

                                            [12] => stdClass Object
                                                (
                                                    [text] => Buy: Color by Betty Edwards: A Course in Mastering the… $19.29
                                                    [href] => https://www.amazon.com/dp/1585422193?tag=artmedia04-20&linkCode=ogi&th=1&psc=1&language=en_US&asc_source=web&asc_campaign=web&asc_refurl=https%3A%2F%2Fwww.artnews.com%2Fart-news%2Fproduct-recommendations%2Fbest-color-theory-books-1202694928%2F
                                                    [hrefDomain] => amazon.com
                                                    [rel] => nofollow
                                                    [isOutbound] => 1
                                                )

                                            [13] => stdClass Object
                                                (
                                                    [text] => Buy it
                                                    [href] => https://www.amazon.com/dp/1585422193?tag=artmedia04-20&linkCode=ogi&th=1&psc=1&language=en_US&asc_source=web&asc_campaign=web&asc_refurl=https%3A%2F%2Fwww.artnews.com%2Fart-news%2Fproduct-recommendations%2Fbest-color-theory-books-1202694928%2F
                                                    [hrefDomain] => amazon.com
                                                    [rel] => nofollow
                                                    [isOutbound] => 1
                                                )

                                            [14] => stdClass Object
                                                (
                                                    [text] => Buy: Color Theory: An essential guide to color-from… $9.95
                                                    [href] => https://www.amazon.com/dp/1600583024?tag=artmedia04-20&linkCode=ogi&th=1&psc=1&language=en_US&asc_source=web&asc_campaign=web&asc_refurl=https%3A%2F%2Fwww.artnews.com%2Fart-news%2Fproduct-recommendations%2Fbest-color-theory-books-1202694928%2F
                                                    [hrefDomain] => amazon.com
                                                    [rel] => nofollow
                                                    [isOutbound] => 1
                                                )

                                            [15] => stdClass Object
                                                (
                                                    [text] => Buy it
                                                    [href] => https://www.amazon.com/dp/1600583024?tag=artmedia04-20&linkCode=ogi&th=1&psc=1&language=en_US&asc_source=web&asc_campaign=web&asc_refurl=https%3A%2F%2Fwww.artnews.com%2Fart-news%2Fproduct-recommendations%2Fbest-color-theory-books-1202694928%2F
                                                    [hrefDomain] => amazon.com
                                                    [rel] => nofollow
                                                    [isOutbound] => 1
                                                )

                                            [16] => stdClass Object
                                                (
                                                    [text] => Buy: The Secret Lives of Color $31.99
                                                    [href] => https://www.amazon.com/dp/0143131141?tag=artmedia04-20&linkCode=ogi&th=1&psc=1&language=en_US&asc_source=web&asc_campaign=web&asc_refurl=https%3A%2F%2Fwww.artnews.com%2Fart-news%2Fproduct-recommendations%2Fbest-color-theory-books-1202694928%2F
                                                    [hrefDomain] => amazon.com
                                                    [rel] => nofollow
                                                    [isOutbound] => 1
                                                )

                                            [17] => stdClass Object
                                                (
                                                    [text] => Buy it
                                                    [href] => https://www.amazon.com/dp/0143131141?tag=artmedia04-20&linkCode=ogi&th=1&psc=1&language=en_US&asc_source=web&asc_campaign=web&asc_refurl=https%3A%2F%2Fwww.artnews.com%2Fart-news%2Fproduct-recommendations%2Fbest-color-theory-books-1202694928%2F
                                                    [hrefDomain] => amazon.com
                                                    [rel] => nofollow
                                                    [isOutbound] => 1
                                                )

                                            [18] => stdClass Object
                                                (
                                                    [text] => Buy: A Dictionary Of Color Combinations $17.89
                                                    [href] => https://www.amazon.com/dp/4861522471?tag=artmedia04-20&linkCode=ogi&th=1&psc=1&language=en_US&asc_source=web&asc_campaign=web&asc_refurl=https%3A%2F%2Fwww.artnews.com%2Fart-news%2Fproduct-recommendations%2Fbest-color-theory-books-1202694928%2F
                                                    [hrefDomain] => amazon.com
                                                    [rel] => nofollow
                                                    [isOutbound] => 1
                                                )

                                            [19] => stdClass Object
                                                (
                                                    [text] => Buy it
                                                    [href] => https://www.amazon.com/dp/4861522471?tag=artmedia04-20&linkCode=ogi&th=1&psc=1&language=en_US&asc_source=web&asc_campaign=web&asc_refurl=https%3A%2F%2Fwww.artnews.com%2Fart-news%2Fproduct-recommendations%2Fbest-color-theory-books-1202694928%2F
                                                    [hrefDomain] => amazon.com
                                                    [rel] => nofollow
                                                    [isOutbound] => 1
                                                )

                                            [20] => stdClass Object
                                                (
                                                    [text] => RobbReport Popular NFT Platform OpenSea Is Now Worth Over $13 Billion
                                                    [href] => https://robbreport.com/shelter/art-collectibles/opensea-has-13-3-billion-valuation-following-series-c-funding-1234656915/
                                                    [hrefDomain] => robbreport.com
                                                    [isOutbound] => 1
                                                )

                                            [21] => stdClass Object
                                                (
                                                    [text] => WWD When Wellness Meets Weight Loss
                                                    [href] => https://wwd.com/beauty-industry-news/beauty-features/wellness-meets-weight-loss-1235025614/
                                                    [hrefDomain] => wwd.com
                                                    [isOutbound] => 1
                                                )

                                            [22] => stdClass Object
                                                (
                                                    [text] => Rolling Stone Sinead O’Connor Reveals Her 17-Year-Old Son Has Died After Going Missing
                                                    [href] => https://www.rollingstone.com/music/music-news/sinead-oconnor-son-dead-missing-1281597/
                                                    [hrefDomain] => rollingstone.com
                                                    [isOutbound] => 1
                                                )

                                            [23] => stdClass Object
                                                (
                                                    [text] => Sportico Antonio Brown’s Legal Options Limited by Contract, Labor Law
                                                    [href] => https://www.sportico.com/law/analysis/2022/antonio-brown-lawsuit-1234657893/
                                                    [hrefDomain] => sportico.com
                                                    [isOutbound] => 1
                                                )

                                            [24] => stdClass Object
                                                (
                                                    [text] => SPY I Tried the Hydrow Rower for 90 Days, and Used It Way More Than I Thought I Would
                                                    [href] => https://spy.com/articles/health-wellness/fitness/hydrow-rower-review-1202821420/
                                                    [hrefDomain] => spy.com
                                                    [isOutbound] => 1
                                                )

                                            [25] => stdClass Object
                                                (
                                                    [text] => Icon Link Plus Icon
                                                    [href] => https://pmc.com
                                                    [hrefDomain] => pmc.com
                                                    [rel] => noopener noreferrer
                                                    [isOutbound] => 1
                                                )

                                            [26] => stdClass Object
                                                (
                                                    [text] => Powered by WordPress.com VIP
                                                    [href] => https://vip.wordpress.com/?utm_source=vip_powered_wpcom&utm_medium=web&utm_campaign=VIP%20Footer%20Credit
                                                    [hrefDomain] => wordpress.com
                                                    [isOutbound] => 1
                                                )

                                        )

                                )

                            [toc] => Array
                                (
                                    [0] => stdClass Object
                                        (
                                            [level] => 3
                                            [name] => 

	
			
	
		
					The ARTnews Recommends Editors		
			
	
. 
                                            [tag] => h3
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [1] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => 1. Interaction of Color: 50th Anniversary Edition. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [2] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => 2. Color by Betty Edwards: A Course in Mastering the Art of Mixing Colors. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [3] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => 3. Color Theory: An essential guide to color-from basic principles to practical applications. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [4] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => 4. The Secret Lives of Color. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [5] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => 5. A Dictionary Of Color Combinations. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [6] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => 

	
		Newswire
	
	. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                    [0] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => 

	
	
		
					Popular NFT Platform OpenSea Is Now Worth Over $13 Billion		
	
. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [1] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => 

	
	
		
					When Wellness Meets Weight Loss		
	
. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [2] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => 

	
	
		
					Sinead O’Connor Reveals Her 17-Year-Old Son Has Died After Going Missing		
	
. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [3] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => 

	
	
		
					Antonio Brown’s Legal Options Limited by Contract, Labor Law		
	
. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                    [4] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => 

	
	
		
					I Tried the Hydrow Rower for 90 Days, and Used It Way More Than I Thought I Would		
	
. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                )

                                        )

                                )

                            [og] => stdClass Object
                                (
                                    [ogImage] => https://www.artnews.com/wp-content/uploads/2020/07/AdobeStock_252000306.jpeg?w=1024
                                    [twitterImage] => https://www.artnews.com/wp-content/uploads/2020/07/AdobeStock_252000306.jpeg?w=1500
                                )

                            [schema_type] => Array
                                (
                                    [0] => Article
                                )

                            [comment_questions] => Array
                                (
                                )

                            [body] => The Best Color Theory Books for Foundational Knowledge By The ARTnews Recommends Editors Plus Icon The ARTnews Recommends Editors . View All July 26, 2020 1:46pm golubovy - stock.adobe.com Delve deep into the wide world of color and make your compositions stronger with a crash course in color theory. As much a science as it is an art, color theory is a complex study that outlines prismatic relationships and how the human eye perceives the spectrum. The foundation of color theory is the color wheel, a diagram invented by Isaac Newton that maps the colors of the rainbow onto a circle. Color theory is especially concerned with the harmony of color combinations. It also identifies certain colors as primary, others as secondary, and more still as tertiary tones, and these identifications are used to understand spectral relationships. Learn about all this, and much more, with the help of a color theory book. Browse our selection of the best books below.  1. Interaction of Color: 50th Anniversary Edition. Lauded as one of the most important books on color ever written, canonical artist Josef Albers’s Interaction of Color is an essential volume. A full course in book form, this text demands a high level of engagement and investment. Albers stays laser-focused on his material and includes a set of exercises for the readers to complete as they make their way through the text.   Buy: Interaction of Color: 50th Anniversary Edition $15.29 Buy it 2. Color by Betty Edwards: A Course in Mastering the Art of Mixing Colors. This volume by Betty Edwards serves as a fine introduction to color and color theory. A great choice for beginners and recreational artists, it covers all the information that would be presented in an advanced high school art class or introductory college course. The book is written in clear and intelligent language and includes a variety of exercises so the reader can gain hands-on learning experience.  Buy: Color by Betty Edwards: A Course in Mastering the… $19.29 Buy it 3. Color Theory: An essential guide to color-from basic principles to practical applications. In this guide, author Patti Mollica covers all the basics, from pigment properties to color-mixing psychology. This book is less esoteric than practical, with specialty topics like how to create lively black hues and realistic flesh tones. Concise and clear, this edition is great for those who want to acquire a basic understanding of color theory without getting lost in the weeds.  Buy: Color Theory: An essential guide to color-from… $9.95 Buy it 4. The Secret Lives of Color. More anecdotal than instructional, The Secret Lives of Color delves into the history of 75 shades. Learn about the white that protected people against the plague and the brown that altered on-field battle. A history of science as well as art, this compendium by Kassia St. Clair will enrich your understanding and appreciation of color. Buy: The Secret Lives of Color $31.99 Buy it 5. A Dictionary Of Color Combinations. Sanzo Wada, the author of the six-volume work on which this book is based, was an artist, teacher, and costume designer who was well ahead of his time. He published his original volumes in the 1930s, and his color combinations helped lay the foundation for contemporary color research. This diminutive book includes 348 color combinations that are beautifully designed and printed. Flip through its pages for ideas to use in your work.  Buy: A Dictionary Of Color Combinations $17.89 Buy it Newswire . RobbReport Popular NFT Platform OpenSea Is Now Worth Over $13 Billion . WWD When Wellness Meets Weight Loss . Rolling Stone Sinead O’Connor Reveals Her 17-Year-Old Son Has Died After Going Missing . Sportico Antonio Brown’s Legal Options Limited by Contract, Labor Law . SPY I Tried the Hydrow Rower for 90 Days, and Used It Way More Than I Thought I Would . Icon Link Plus Icon ARTnews is a part of Penske Media Corporation. © 2022 Art Media, LLC. All Rights Reserved. Powered by WordPress.com VIP ad
                            [kwBody] => Array
                                (
                                    [0] => stdClass Object
                                        (
                                            [term] => color
                                            [tf] => 39
                                        )

                                    [1] => stdClass Object
                                        (
                                            [term] => buy
                                            [tf] => 14
                                        )

                                    [2] => stdClass Object
                                        (
                                            [term] => color theory
                                            [tf] => 11
                                        )

                                    [3] => stdClass Object
                                        (
                                            [term] => book
                                            [tf] => 11
                                        )

                                    [4] => stdClass Object
                                        (
                                            [term] => theory
                                            [tf] => 10
                                        )

                                    [5] => stdClass Object
                                        (
                                            [term] => interaction
                                            [tf] => 6
                                        )

                                    [6] => stdClass Object
                                        (
                                            [term] => interaction color
                                            [tf] => 5
                                        )

                                    [7] => stdClass Object
                                        (
                                            [term] => color combination
                                            [tf] => 5
                                        )

                                    [8] => stdClass Object
                                        (
                                            [term] => volume
                                            [tf] => 5
                                        )

                                    [9] => stdClass Object
                                        (
                                            [term] => art
                                            [tf] => 5
                                        )

                                    [10] => stdClass Object
                                        (
                                            [term] => combination
                                            [tf] => 5
                                        )

                                    [11] => stdClass Object
                                        (
                                            [term] => secret life
                                            [tf] => 4
                                        )

                                    [12] => stdClass Object
                                        (
                                            [term] => basic
                                            [tf] => 4
                                        )

                                    [13] => stdClass Object
                                        (
                                            [term] => secret
                                            [tf] => 4
                                        )

                                    [14] => stdClass Object
                                        (
                                            [term] => secret life color
                                            [tf] => 3
                                        )

                                    [15] => stdClass Object
                                        (
                                            [term] => betty edward
                                            [tf] => 3
                                        )

                                    [16] => stdClass Object
                                        (
                                            [term] => life color
                                            [tf] => 3
                                        )

                                    [17] => stdClass Object
                                        (
                                            [term] => artnew
                                            [tf] => 3
                                        )

                                    [18] => stdClass Object
                                        (
                                            [term] => icon
                                            [tf] => 3
                                        )

                                    [19] => stdClass Object
                                        (
                                            [term] => edition
                                            [tf] => 3
                                        )

                                    [20] => stdClass Object
                                        (
                                            [term] => artist
                                            [tf] => 3
                                        )

                                    [21] => stdClass Object
                                        (
                                            [term] => essential
                                            [tf] => 3
                                        )

                                    [22] => stdClass Object
                                        (
                                            [term] => include
                                            [tf] => 3
                                        )

                                    [23] => stdClass Object
                                        (
                                            [term] => betty
                                            [tf] => 3
                                        )

                                    [24] => stdClass Object
                                        (
                                            [term] => edward
                                            [tf] => 3
                                        )

                                    [25] => stdClass Object
                                        (
                                            [term] => guide
                                            [tf] => 3
                                        )

                                    [26] => stdClass Object
                                        (
                                            [term] => life
                                            [tf] => 3
                                        )

                                )

                            [page_rank_decimal] => 52
                            [rank] => 17151
                        )

                    [21] => stdClass Object
                        (
                            [position] => 22
                            [title] => A Beginners Guide To Color Theory — Specht & Co. Creative Studio
                            [url] => https://www.spechtand.co/blog/a-beginners-guide-to-color-theory
                            [destination] => https://www.spechtand.co › blog › a-beginners-guide-to...
                            [description] => 
                            [isAmp] => 
                            [organic_position] => 21
                            [serp_type] => page
                            [isOrganicPage] => 1
                            [isOrganic] => 1
                            [serp_title] => A Beginners Guide To Color Theory - Specht & Co. Creative ...
                            [serp_description] => A Beginners Guide To Color Theory ... Believe it or not, there is a pretty precise science used to figure out what colors best represent you and your business.
                            [hostname] => spechtand.co
                            [canonical] => https://www.spechtand.co/blog/a-beginners-guide-to-color-theory
                            [h1] => A Beginners Guide To Color Theory
                            [h2] => Array
                                (
                                    [0] => The Color Wheel
                                    [1] => Color Schemes
                                    [2] => Navigating Business During a pandemic: set goals, eliminate stress, and achieve success
                                    [3] => My Favorite DIY Design Tools + Resources
                                )

                            [h3] => Array
                                (
                                    [0] => Warm Vs. Cool Colors
                                    [1] => Resources For Choosing A Color Palette
                                )

                            [h2WithAnchors] => Array
                                (
                                    [0] => stdClass Object
                                        (
                                            [text] => The Color Wheel
                                        )

                                    [1] => stdClass Object
                                        (
                                            [text] => Color Schemes
                                        )

                                    [2] => stdClass Object
                                        (
                                            [text] => Navigating Business During a pandemic: set goals, eliminate stress, and achieve success
                                        )

                                    [3] => stdClass Object
                                        (
                                            [text] => My Favorite DIY Design Tools + Resources
                                        )

                                )

                            [type] => article
                            [wordCount] => 947
                            [imgCount] => 11
                            [lang] => 
                            [faq_on_page] => Array
                                (
                                )

                            [anchors] => stdClass Object
                                (
                                    [size] => 16
                                    [outboundSize] => 6
                                    [list] => Array
                                        (
                                            [0] => stdClass Object
                                                (
                                                    [text] => Book Your Discovery Call
                                                    [href] => https://app.acuityscheduling.com/schedule.php?appointmentType=10914940&owner=17998568
                                                    [hrefDomain] => acuityscheduling.com
                                                    [isOutbound] => 1
                                                )

                                            [1] => stdClass Object
                                                (
                                                    [text] => Book Your Discovery Call
                                                    [href] => https://app.acuityscheduling.com/schedule.php?appointmentType=10914940&owner=17998568
                                                    [hrefDomain] => acuityscheduling.com
                                                    [isOutbound] => 1
                                                )

                                            [2] => stdClass Object
                                                (
                                                    [text] => Adobe Color
                                                    [href] => https://color.adobe.com/
                                                    [hrefDomain] => adobe.com
                                                    [isOutbound] => 1
                                                )

                                            [3] => stdClass Object
                                                (
                                                    [text] => Coolors.co
                                                    [href] => http://coolors.co
                                                    [hrefDomain] => coolors.co
                                                    [isOutbound] => 1
                                                )

                                            [4] => stdClass Object
                                                (
                                                    [text] => Paletton
                                                    [href] => http://paletton.com/
                                                    [hrefDomain] => paletton.com
                                                    [isOutbound] => 1
                                                )

                                            [5] => stdClass Object
                                                (
                                                    [text] => DIY Your Logo Workshop!
                                                    [href] => https://spechtandco.thinkific.com/users/checkout/auth
                                                    [hrefDomain] => thinkific.com
                                                    [isOutbound] => 1
                                                )

                                        )

                                )

                            [toc] => Array
                                (
                                    [0] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => The Color Wheel. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                    [0] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Warm Vs. Cool Colors. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                )

                                        )

                                    [1] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => Color Schemes. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                    [0] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Resources For Choosing A Color Palette. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                )

                                        )

                                    [2] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => Navigating Business During a pandemic: set goals, eliminate stress, and achieve success. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [3] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => My Favorite DIY Design Tools + Resources. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                )

                            [og] => stdClass Object
                                (
                                    [ogImage] => http://static1.squarespace.com/static/5e73c4af20379c4728949339/5e74ff7369ee640042802382/5ed42aa37f741f7a2f46ff0a/1590963623348/a-beginners-guide-to-color-theory-square.jpg?format=1500w
                                    [twitterImage] => http://static1.squarespace.com/static/5e73c4af20379c4728949339/5e74ff7369ee640042802382/5ed42aa37f741f7a2f46ff0a/1590963623348/a-beginners-guide-to-color-theory-square.jpg?format=1500w
                                )

                            [schema_type] => Array
                                (
                                    [0] => WebSite
                                    [1] => Article
                                )

                            [comment_questions] => Array
                                (
                                )

                            [body] => A Beginners Guide To Color Theory Design May 31 Written By spechtandco Believe it or not, there is a pretty precise science used to figure out what colors best represent you and your business. Color theory explains how humans interact with color, how colors mix, match or clash, and the subliminal messages that colors communicate. Learning the basics of color theory will help you build your brand, elicit the reaction you want from your clients and customers, and help you understand why some color combinations work and others. . . not so much.In today’s post, I will give you a quick peek into the world of color theory, and equip you with some tools and knowledge to select your brand colors strategically.The Color Wheel. Sir Isaac Newton developed the color wheel in 1666, and it’s been used by designers and artists around the world since then to develop color schemes, mixing methods, and more.The color wheel include three primary colors (red, yellow, blue), three secondary colors which are created when primary colors are mixed (green, orange, purple) and six tertiary colors which are created when a primary color is mixed with a secondary color (such as blue-green, red-violet, yellow-orange).   Warm Vs. Cool Colors. You will often hear designers refer to a particular color as warm or cool, and for good reason too! Warm colors (red, orange, yellow) are usually grouped to one side of the color wheel, with cool colors (green, blue, violet) on the opposite side.   Warm ColorsWarm colors are often associated with energy, brightness, and action. One thing to be mindful of when using warm colors is that they can overstimulate and elicit emotions of anger and agitation if overdone. Adding some cool or neutral colors to your color palette will help to balance out the warm colors and tie your logo together.Cool ColorsCool colors tend to evoke a calm, relaxed, or stable feeling in viewers. When used alone, however, these colors can sometimes have a cold or impersonal feel. When choosing cool colors, mix in a warm or neutral color to soften things up a bit and make your color palette feel a little more personable and welcoming.Neutral ColorsNeutral colors are great to mix with cool or warm color palettes. They are useful for backgrounds in design and tend to tone down the use of other bolder colors.Recognizing colors and warm and cool can help you to understand how choose colors that accurately represent your business, and how to create a balanced color palette that you love!   Color Schemes. Using the color wheel along with a base knowledge of warm vs cool colors, and the emotions associated with each, you can now begin creating your brand color scheme (or palette). There are a variety of types of color schemes that use the color wheel to determine which colors work well together.Complimentary: 2 colors | Opposite   Complimentary colors should be used as main and accent colors. They are located opposite of each other on the color wheel.Analogous: 3 colors | side by side   Analogous colors share the same undertones, and are found next to each other on a color wheel.Triad: 3 colors | equally spaced around the color wheel   Triads are used to create a dynamic color scheme. They are formulated by picking three colors that are evenly spaced around the color wheel.Split-Complementary Triad: 3 colors | 2 opposite + 1 adjacent   Split-complement triads create a more muted color combination. These are created by choosing two colors opposite each-other on the color wheel, and then choosing a third color that is adjacent to one of the first two.Resources For Choosing A Color Palette. If you’re feeling a little overwhelmed about choosing your brand colors, don’t worry! You are totally not alone, and nothing has to be set in stone today. By now you should have a good understanding of what colors evoke certain emotions, as well as some basic methods for choosing colors that work well together.There are also several great online resources that you can use to test out different color combinations, and some that will even suggest colors for you!Adobe Color allows you to choose from several different color rules including the ones discussed in this workbook, and then lets you choose one color you like while suggesting complimentary colors that match your chosen rule.Coolors.co is a color palette generator that allows you to see how colors look together. You can either have the generator randomly create a color palette for you, or you can select a few colors you know you like, lock them in your color palette, and then randomly generate additional colors until you find something you like.Paletton works almost exactly like Adobe Color, allowing you to choose from multiple color rules, and then and then generating colors that follow that rule based on one color of your choice.I encourage you to play around with the tools listed above to figure out what works best for you. Pinterest is also a great place to search for color palette inspiration!And there you have it! The basics of color theory all wrapped up in a blog post. I hope these pointers have been helpful to you, and if you’re currently DIY-ing your branding I would highly recommend that you check out my free DIY Your Logo Workshop! spechtandco https://spechtand.co Previous Previous Navigating Business During a pandemic: set goals, eliminate stress, and achieve success. Next Next My Favorite DIY Design Tools + Resources.
                            [kwBody] => Array
                                (
                                    [0] => stdClass Object
                                        (
                                            [term] => color
                                            [tf] => 94
                                        )

                                    [1] => stdClass Object
                                        (
                                            [term] => opposite
                                            [tf] => 10
                                        )

                                    [2] => stdClass Object
                                        (
                                            [term] => warm
                                            [tf] => 10
                                        )

                                    [3] => stdClass Object
                                        (
                                            [term] => palette
                                            [tf] => 10
                                        )

                                    [4] => stdClass Object
                                        (
                                            [term] => color wheel
                                            [tf] => 9
                                        )

                                    [5] => stdClass Object
                                        (
                                            [term] => color palette
                                            [tf] => 9
                                        )

                                    [6] => stdClass Object
                                        (
                                            [term] => wheel
                                            [tf] => 8
                                        )

                                    [7] => stdClass Object
                                        (
                                            [term] => cool
                                            [tf] => 8
                                        )

                                    [8] => stdClass Object
                                        (
                                            [term] => choosing
                                            [tf] => 6
                                        )

                                    [9] => stdClass Object
                                        (
                                            [term] => color theory
                                            [tf] => 5
                                        )

                                    [10] => stdClass Object
                                        (
                                            [term] => color scheme
                                            [tf] => 5
                                        )

                                    [11] => stdClass Object
                                        (
                                            [term] => theory
                                            [tf] => 5
                                        )

                                    [12] => stdClass Object
                                        (
                                            [term] => work
                                            [tf] => 5
                                        )

                                    [13] => stdClass Object
                                        (
                                            [term] => scheme
                                            [tf] => 5
                                        )

                                    [14] => stdClass Object
                                        (
                                            [term] => warm cool
                                            [tf] => 4
                                        )

                                    [15] => stdClass Object
                                        (
                                            [term] => cool color
                                            [tf] => 4
                                        )

                                    [16] => stdClass Object
                                        (
                                            [term] => warm color
                                            [tf] => 4
                                        )

                                    [17] => stdClass Object
                                        (
                                            [term] => choosing color
                                            [tf] => 4
                                        )

                                    [18] => stdClass Object
                                        (
                                            [term] => triad
                                            [tf] => 4
                                        )

                                    [19] => stdClass Object
                                        (
                                            [term] => brand
                                            [tf] => 4
                                        )

                                    [20] => stdClass Object
                                        (
                                            [term] => side
                                            [tf] => 4
                                        )

                                    [21] => stdClass Object
                                        (
                                            [term] => choose
                                            [tf] => 4
                                        )

                                    [22] => stdClass Object
                                        (
                                            [term] => create
                                            [tf] => 4
                                        )

                                    [23] => stdClass Object
                                        (
                                            [term] => color opposite
                                            [tf] => 3
                                        )

                                    [24] => stdClass Object
                                        (
                                            [term] => color combination
                                            [tf] => 3
                                        )

                                    [25] => stdClass Object
                                        (
                                            [term] => brand color
                                            [tf] => 3
                                        )

                                    [26] => stdClass Object
                                        (
                                            [term] => primary color
                                            [tf] => 3
                                        )

                                    [27] => stdClass Object
                                        (
                                            [term] => choose color
                                            [tf] => 3
                                        )

                                    [28] => stdClass Object
                                        (
                                            [term] => mix
                                            [tf] => 3
                                        )

                                    [29] => stdClass Object
                                        (
                                            [term] => basic
                                            [tf] => 3
                                        )

                                    [30] => stdClass Object
                                        (
                                            [term] => combination
                                            [tf] => 3
                                        )

                                    [31] => stdClass Object
                                        (
                                            [term] => tool
                                            [tf] => 3
                                        )

                                    [32] => stdClass Object
                                        (
                                            [term] => primary
                                            [tf] => 3
                                        )

                                    [33] => stdClass Object
                                        (
                                            [term] => red
                                            [tf] => 3
                                        )

                                    [34] => stdClass Object
                                        (
                                            [term] => yellow
                                            [tf] => 3
                                        )

                                    [35] => stdClass Object
                                        (
                                            [term] => blue
                                            [tf] => 3
                                        )

                                    [36] => stdClass Object
                                        (
                                            [term] => created
                                            [tf] => 3
                                        )

                                    [37] => stdClass Object
                                        (
                                            [term] => green
                                            [tf] => 3
                                        )

                                    [38] => stdClass Object
                                        (
                                            [term] => orange
                                            [tf] => 3
                                        )

                                    [39] => stdClass Object
                                        (
                                            [term] => emotion
                                            [tf] => 3
                                        )

                                    [40] => stdClass Object
                                        (
                                            [term] => great
                                            [tf] => 3
                                        )

                                    [41] => stdClass Object
                                        (
                                            [term] => rule
                                            [tf] => 3
                                        )

                                    [42] => stdClass Object
                                        (
                                            [term] => diy
                                            [tf] => 3
                                        )

                                )

                            [page_rank_decimal] => 22
                            [rank] => 61186938
                        )

                    [22] => stdClass Object
                        (
                            [position] => 23
                            [title] => Designer's Color Manual: The Complete Guide to Color Theory and Application by Tom Fraser
                            [url] => https://www.goodreads.com/book/show/114579.Designer_s_Color_Manual
                            [destination] => https://www.goodreads.com › book › show › 114579.D...
                            [description] => Designer's Color Manual book. Read 3 reviews from the world's largest community for readers. The eye, the camera's lens, and the computer screen all trea..
                            [isAmp] => 
                            [review] => stdClass Object
                                (
                                    [stars] => 4
                                    [rating] => stdClass Object
                                        (
                                            [lowest] => 0
                                            [highest] => 5
                                            [value] => 4
                                        )

                                    [extra] => 
                                    [amount] => 
                                )

                            [organic_position] => 22
                            [serp_type] => page
                            [isOrganicPage] => 1
                            [isOrganic] => 1
                            [serp_title] => Designer's Color Manual: The Complete Guide to ... - Goodreads
                            [serp_description] => Goodreads helps you keep track of books you want to read. Start by marking “Designer's Color Manual: The Complete Guide to Color Theory and Application” as Want ...
                            [hostname] => goodreads.com
                            [canonical] => https://www.goodreads.com/book/show/114579.Designer_s_Color_Manual
                            [h1] => Designer's Color Manual: The Complete Guide to Color Theory and Application
                            [h2] => Array
                                (
                                    [0] => See a Problem?
                                    [1] => Preview — Designer's Color Manual by Tom Fraser
                                    [2] => Get A Copy
                                    [3] => Friend Reviews
                                    [4] => Reader Q&A
                                    [5] => Lists with This Book
                                    [6] => Community Reviews
                                    [7] => new topicDiscuss This Book
                                    [8] => Readers also enjoyed
                                    [9] => Goodreads is hiring!
                                    [10] => Genres
                                    [11] => About Tom Fraser
                                    [12] => Books by Tom Fraser
                                    [13] => Related Articles
                                    [14] => Trivia About Designer's Color ..
                                )

                            [h3] => Array
                                (
                                )

                            [h2WithAnchors] => Array
                                (
                                    [0] => stdClass Object
                                        (
                                            [text] => See a Problem?
                                        )

                                    [1] => stdClass Object
                                        (
                                            [text] => Preview — Designer's Color Manual by Tom Fraser
                                        )

                                    [2] => stdClass Object
                                        (
                                            [text] => Get A Copy
                                        )

                                    [3] => stdClass Object
                                        (
                                            [text] => Friend Reviews
                                        )

                                    [4] => stdClass Object
                                        (
                                            [text] => Reader Q&A
                                        )

                                    [5] => stdClass Object
                                        (
                                            [text] => Lists with This Book
                                        )

                                    [6] => stdClass Object
                                        (
                                            [text] => Community Reviews
                                        )

                                    [7] => stdClass Object
                                        (
                                            [text] => new topicDiscuss This Book
                                        )

                                    [8] => stdClass Object
                                        (
                                            [text] => Readers also enjoyed
                                        )

                                    [9] => stdClass Object
                                        (
                                            [text] => Goodreads is hiring!
                                        )

                                    [10] => stdClass Object
                                        (
                                            [text] => Genres
                                        )

                                    [11] => stdClass Object
                                        (
                                            [text] => About Tom Fraser
                                        )

                                    [12] => stdClass Object
                                        (
                                            [text] => Books by Tom Fraser
                                        )

                                    [13] => stdClass Object
                                        (
                                            [text] => Related Articles
                                        )

                                    [14] => stdClass Object
                                        (
                                            [text] => Trivia About Designer's Color ..
                                        )

                                )

                            [type] => books.book
                            [wordCount] => 1041
                            [imgCount] => 67
                            [lang] => stdClass Object
                                (
                                    [langLinks] => Array
                                        (
                                            [0] => stdClass Object
                                                (
                                                    [lang] => en
                                                    [url] => https://www.goodreads.com/en/book/show/114579
                                                )

                                            [1] => stdClass Object
                                                (
                                                    [lang] => fr
                                                    [url] => https://www.goodreads.com/fr/book/show/114579
                                                )

                                        )

                                    [size] => 2
                                    [string] => en / fr
                                )

                            [faq_on_page] => Array
                                (
                                )

                            [anchors] => stdClass Object
                                (
                                    [size] => 197
                                    [outboundSize] => 0
                                    [list] => Array
                                        (
                                        )

                                )

                            [toc] => Array
                                (
                                    [0] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => See a Problem?
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [1] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => 
      Preview — Designer's Color Manual
        by Tom Fraser
    . 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [2] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => 
. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [3] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => Get A Copy. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [4] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => Friend Reviews. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [5] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => Reader Q&A. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [6] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => Lists with This Book. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [7] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => Community Reviews. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [8] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => new topicDiscuss This Book. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [9] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => Readers also enjoyed. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [10] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => Goodreads is hiring!
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [11] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => Genres. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [12] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => About Tom Fraser. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [13] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => Books by Tom Fraser. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [14] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => Related Articles. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [15] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => Trivia About Designer's Color ...
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                )

                            [og] => stdClass Object
                                (
                                    [ogImage] => https://i.gr-assets.com/images/S/compressed.photo.goodreads.com/books/1441640430i/114579._UY630_SR1200,630_.jpg
                                    [twitterImage] => https://i.gr-assets.com/images/S/compressed.photo.goodreads.com/books/1441640430i/114579._UY500_SS500_.jpg
                                )

                            [schema_type] => Array
                                (
                                )

                            [comment_questions] => Array
                                (
                                )

                            [body] => Designer's Color Manual: The Complete Guide to Color Theory and Application . by Tom Fraser, Adam Banks really liked it 4.00  ·  Rating details ·  58 ratings  ·  3 reviews The eye, the camera's lens, and the computer screen all treat color differently. This important addition to the designer's reference library helps resolve the differences among the numerous media that contemporary designers work with every day. Comprehensive in scope, it brings together key elements of color theory, practice, and application, addressing a wide range of iss The eye, the camera's lens, and the computer screen all treat color differently. This important addition to the designer's reference library helps resolve the differences among the numerous media that contemporary designers work with every day. Comprehensive in scope, it brings together key elements of color theory, practice, and application, addressing a wide range of issues specific to graphic design in both print and digital media. Beyond step-by-step techniques for managing color in modern graphic design practice, Designer's Color Manual also addresses topics which help designers understand color in a variety of disciplines, looking at historical color systems, color in art, and the psychology of color, among dozens of other topics. Author and designer Tom Fraser also takes other graphics-related practices into account -- interior design, digital rendering, packaging and merchandise design -- aiding the designer in mastering the far-reaching effects of color in almost any project. Heavily illustrated with over 1,000 color images, Designer's Color Manual addresses an area that's been gray for too long in the full-color world of contemporary design. ...more Get A Copy. AmazonStores ▾AudibleBarnes & NobleWalmart eBooksApple BooksGoogle PlayAbebooksBook DepositoryAlibrisIndigoBetter World BooksIndieBoundThriftbooksLibraries Paperback, 224 pages Published July 8th 2004 by Chronicle Books More Details... Original Title Designer's Color Manual: The Complete Guide to Color Theory and Application ISBN 081184210X (ISBN13: 9780811842105) Edition Language English Other Editions (3) All Editions | Add a New Edition | Combine ...Less Detail Edit Details Friend Reviews. To see what your friends thought of this book, please sign up. Reader Q&A. To ask other readers questions about Designer's Color Manual, please sign up. Be the first to ask a question about Designer's Color Manual Lists with This Book. This book is not yet featured on Listopia. Add this book to your favorite list » Community Reviews. Showing 1-30 really liked it Average rating 4.00  ·  Rating details  ·  58 ratings  ·  3 reviews More filters  |  Sort order Start your review of Designer's Color Manual: The Complete Guide to Color Theory and ApplicationWrite a review Jul 18, 2018 Matthew Wielgus rated it really liked it Great, not the greatest flag Like  · see review Nov 26, 2010 ROSE rated it really liked it  ·  review of another edition Shelves: art Effectivement très complet.Bonnes illustrations. flag Like  · see review Mar 01, 2014 Mina_rrat rated it really liked it  ·  review of another edition It really helped, sure it was not a book with much depth on some topics, but it skimmed everything very well flag Like  · see review Marina rated it it was amazing Dec 21, 2021 Shelley Stottlar rated it really liked it Aug 06, 2014 Brad rated it it was ok Jul 02, 2008 Loisse rated it it was amazing Dec 24, 2018 Rachel rated it liked it Jun 28, 2008 Nikhil P. Freeman rated it really liked it May 12, 2008 ADNAN ABID SYED rated it it was amazing Dec 27, 2014 Debora Soares rated it really liked it Jun 09, 2014 John rated it really liked it Oct 27, 2014 Lori rated it really liked it May 04, 2010 iylia rated it liked it May 24, 2013 Daker rated it liked it Feb 28, 2013 David rated it really liked it Feb 06, 2018 Jason Madhosingh rated it it was amazing Aug 04, 2014 Leandro Novaes rated it really liked it May 26, 2014 Tina rated it liked it Jan 31, 2012 Christine rated it really liked it Sep 14, 2012 El rated it really liked it Nov 22, 2014 Rayan rated it liked it Dec 27, 2012 Georgi Daskalov rated it it was amazing Oct 13, 2018 Tamara rated it really liked it Aug 19, 2012 Danae rated it really liked it Dec 18, 2012 Stephen Hadley rated it it was amazing Nov 25, 2009 Benji rated it liked it Apr 23, 2015 Nita rated it really liked it Sep 07, 2017 Carina rated it it was amazing Nov 06, 2014 Dina rated it really liked it Aug 05, 2014 « previous 1 2 next » new topicDiscuss This Book. There are no discussion topics on this book yet. Be the first to start one » Share Recommend It  |  Stats  |  Recent Status Updates Readers also enjoyed. See similar books… Goodreads is hiring! If you like books and love to build cool products, we may be looking for you. Learn more » Genres. Design 9 users Art 6 users Nonfiction 3 users See top shelves… About Tom Fraser. Tom Fraser 0 followers Books by Tom Fraser. More… Related Articles. 39 Audiobooks to Be Better in 2022 New year, new you! Or perhaps the same you, but a 2.0 version? The start of a new year is known for resolutions, which, as we all know,...Read more...60 likes · 1 comments Trivia About Designer's Color ... No trivia or quizzes yet. Add some now » Welcome back. Just a moment while we sign you in to your Goodreads account.
                            [kwBody] => Array
                                (
                                    [0] => stdClass Object
                                        (
                                            [term] => rated
                                            [tf] => 30
                                        )

                                    [1] => stdClass Object
                                        (
                                            [term] => color
                                            [tf] => 23
                                        )

                                    [2] => stdClass Object
                                        (
                                            [term] => review
                                            [tf] => 16
                                        )

                                    [3] => stdClass Object
                                        (
                                            [term] => designer
                                            [tf] => 15
                                        )

                                    [4] => stdClass Object
                                        (
                                            [term] => book
                                            [tf] => 11
                                        )

                                    [5] => stdClass Object
                                        (
                                            [term] => 2014
                                            [tf] => 10
                                        )

                                    [6] => stdClass Object
                                        (
                                            [term] => designer color
                                            [tf] => 8
                                        )

                                    [7] => stdClass Object
                                        (
                                            [term] => edition
                                            [tf] => 8
                                        )

                                    [8] => stdClass Object
                                        (
                                            [term] => designer color manual
                                            [tf] => 7
                                        )

                                    [9] => stdClass Object
                                        (
                                            [term] => color manual
                                            [tf] => 7
                                        )

                                    [10] => stdClass Object
                                        (
                                            [term] => rated amazing
                                            [tf] => 7
                                        )

                                    [11] => stdClass Object
                                        (
                                            [term] => rating
                                            [tf] => 7
                                        )

                                    [12] => stdClass Object
                                        (
                                            [term] => design
                                            [tf] => 7
                                        )

                                    [13] => stdClass Object
                                        (
                                            [term] => manual
                                            [tf] => 7
                                        )

                                    [14] => stdClass Object
                                        (
                                            [term] => amazing
                                            [tf] => 7
                                        )

                                    [15] => stdClass Object
                                        (
                                            [term] => tom fraser
                                            [tf] => 6
                                        )

                                    [16] => stdClass Object
                                        (
                                            [term] => flag
                                            [tf] => 6
                                        )

                                    [17] => stdClass Object
                                        (
                                            [term] => user
                                            [tf] => 6
                                        )

                                    [18] => stdClass Object
                                        (
                                            [term] => fraser
                                            [tf] => 6
                                        )

                                    [19] => stdClass Object
                                        (
                                            [term] => color theory
                                            [tf] => 5
                                        )

                                    [20] => stdClass Object
                                        (
                                            [term] => theory
                                            [tf] => 5
                                        )

                                    [21] => stdClass Object
                                        (
                                            [term] => tom
                                            [tf] => 5
                                        )

                                    [22] => stdClass Object
                                        (
                                            [term] => detail
                                            [tf] => 5
                                        )

                                    [23] => stdClass Object
                                        (
                                            [term] => dec
                                            [tf] => 5
                                        )

                                    [24] => stdClass Object
                                        (
                                            [term] => 2012
                                            [tf] => 5
                                        )

                                    [25] => stdClass Object
                                        (
                                            [term] => application
                                            [tf] => 4
                                        )

                                    [26] => stdClass Object
                                        (
                                            [term] => practice
                                            [tf] => 4
                                        )

                                    [27] => stdClass Object
                                        (
                                            [term] => topic
                                            [tf] => 4
                                        )

                                    [28] => stdClass Object
                                        (
                                            [term] => 2018
                                            [tf] => 4
                                        )

                                    [29] => stdClass Object
                                        (
                                            [term] => nov
                                            [tf] => 4
                                        )

                                    [30] => stdClass Object
                                        (
                                            [term] => aug
                                            [tf] => 4
                                        )

                                    [31] => stdClass Object
                                        (
                                            [term] => color manual complete
                                            [tf] => 3
                                        )

                                    [32] => stdClass Object
                                        (
                                            [term] => manual complete guide
                                            [tf] => 3
                                        )

                                    [33] => stdClass Object
                                        (
                                            [term] => complete guide color
                                            [tf] => 3
                                        )

                                    [34] => stdClass Object
                                        (
                                            [term] => guide color theory
                                            [tf] => 3
                                        )

                                    [35] => stdClass Object
                                        (
                                            [term] => flag review
                                            [tf] => 3
                                        )

                                    [36] => stdClass Object
                                        (
                                            [term] => rated amazing dec
                                            [tf] => 3
                                        )

                                    [37] => stdClass Object
                                        (
                                            [term] => manual complete
                                            [tf] => 3
                                        )

                                    [38] => stdClass Object
                                        (
                                            [term] => complete guide
                                            [tf] => 3
                                        )

                                    [39] => stdClass Object
                                        (
                                            [term] => guide color
                                            [tf] => 3
                                        )

                                    [40] => stdClass Object
                                        (
                                            [term] => amazing dec
                                            [tf] => 3
                                        )

                                    [41] => stdClass Object
                                        (
                                            [term] => rated aug
                                            [tf] => 3
                                        )

                                    [42] => stdClass Object
                                        (
                                            [term] => reader
                                            [tf] => 3
                                        )

                                    [43] => stdClass Object
                                        (
                                            [term] => start
                                            [tf] => 3
                                        )

                                    [44] => stdClass Object
                                        (
                                            [term] => 06
                                            [tf] => 3
                                        )

                                    [45] => stdClass Object
                                        (
                                            [term] => 2008
                                            [tf] => 3
                                        )

                                    [46] => stdClass Object
                                        (
                                            [term] => 27
                                            [tf] => 3
                                        )

                                )

                            [page_rank_decimal] => 71
                            [rank] => 143
                        )

                    [23] => stdClass Object
                        (
                            [position] => 24
                            [title] => The Digital Artist's Complete Guide To Mastering Color Theory - 123RF
                            [url] => https://blog.123rf.com/digital-artists-complete-guide-mastering-color-theory/
                            [destination] => https://blog.123rf.com › digital-artists-complete-guide-...
                            [description] => In the art world, color theory is said to be the most important topic for any artist working with color. Learn from our tips with this comprehensive guide!
                            [isAmp] => 
                            [date] => 13 Mar 2018
                            [organic_position] => 23
                            [serp_type] => page
                            [isOrganicPage] => 1
                            [isOrganic] => 1
                            [serp_title] => The Digital Artist's Complete Guide To Mastering Color Theory
                            [serp_description] => In the art world, color theory is said to be the most important topic for any artist working with color. Learn from our tips with this ...
                            [hostname] => blog.123rf.com
                            [canonical] => https://blog.123rf.com/digital-artists-complete-guide-mastering-color-theory/
                            [h1] => 123RF
                            [h2] => Array
                                (
                                    [0] => The Digital Artist’s Complete Guide To Mastering Color Theory
                                    [1] => The Color Picker
                                    [2] => Value
                                    [3] => The Relativity of Color
                                    [4] => How to Use Colors Consistently
                                    [5] => What Now?
                                    [6] => How To Achieve The Cottagecore Aesthetic
                                    [7] => Eight Ways To Spend The Cold Winter Months
                                    [8] => Christmas Traditions and Where They Came From
                                    [9] => Content Creation With January Trending Keywords
                                    [10] => 2022 New Year’s Resolutions in Photographs
                                    [11] => Harvest Food Photography and Styling
                                    [12] => Content Creation With December Trending Keywords
                                    [13] => 15 Meaningful Thanksgiving Traditions To Do
                                    [14] => Content Creation With November Trending Keywords
                                    [15] => 5 Best Design Resources for Exploring Your Creative Side
                                    [16] => Create 4 Easy Pixelation Effects In Minutes
                                    [17] => How To Achieve The Cottagecore Aesthetic
                                    [18] => Eight Ways To Spend The Cold Winter Months
                                    [19] => Christmas Traditions and Where They Came From
                                    [20] => Content Creation With January Trending Keywords
                                )

                            [h3] => Array
                                (
                                    [0] => If you liked this, you might enjoy:
                                    [1] => Related posts
                                    [2] => More from Inspiration
                                )

                            [h2WithAnchors] => Array
                                (
                                    [0] => stdClass Object
                                        (
                                            [text] => The Digital Artist’s Complete Guide To Mastering Color Theory
                                        )

                                    [1] => stdClass Object
                                        (
                                            [text] => The Color Picker
                                        )

                                    [2] => stdClass Object
                                        (
                                            [text] => Value
                                        )

                                    [3] => stdClass Object
                                        (
                                            [text] => The Relativity of Color
                                        )

                                    [4] => stdClass Object
                                        (
                                            [text] => How to Use Colors Consistently
                                        )

                                    [5] => stdClass Object
                                        (
                                            [text] => What Now?
                                        )

                                    [6] => stdClass Object
                                        (
                                            [text] => How To Achieve The Cottagecore Aesthetic
                                        )

                                    [7] => stdClass Object
                                        (
                                            [text] => Eight Ways To Spend The Cold Winter Months
                                        )

                                    [8] => stdClass Object
                                        (
                                            [text] => Christmas Traditions and Where They Came From
                                        )

                                    [9] => stdClass Object
                                        (
                                            [text] => Content Creation With January Trending Keywords
                                        )

                                    [10] => stdClass Object
                                        (
                                            [text] => 2022 New Year’s Resolutions in Photographs
                                        )

                                    [11] => stdClass Object
                                        (
                                            [text] => Harvest Food Photography and Styling
                                        )

                                    [12] => stdClass Object
                                        (
                                            [text] => Content Creation With December Trending Keywords
                                        )

                                    [13] => stdClass Object
                                        (
                                            [text] => 15 Meaningful Thanksgiving Traditions To Do
                                        )

                                    [14] => stdClass Object
                                        (
                                            [text] => Content Creation With November Trending Keywords
                                        )

                                    [15] => stdClass Object
                                        (
                                            [text] => 5 Best Design Resources for Exploring Your Creative Side
                                        )

                                    [16] => stdClass Object
                                        (
                                            [text] => Create 4 Easy Pixelation Effects In Minutes
                                        )

                                    [17] => stdClass Object
                                        (
                                            [text] => How To Achieve The Cottagecore Aesthetic
                                        )

                                    [18] => stdClass Object
                                        (
                                            [text] => Eight Ways To Spend The Cold Winter Months
                                        )

                                    [19] => stdClass Object
                                        (
                                            [text] => Christmas Traditions and Where They Came From
                                        )

                                    [20] => stdClass Object
                                        (
                                            [text] => Content Creation With January Trending Keywords
                                        )

                                )

                            [published_time] => stdClass Object
                                (
                                    [lastUpdate] => 
                                    [dateFormatted] => 13o March 2018
                                    [dateISO] => 2018-03-13T02:00:09+00:00
                                )

                            [modified_time] => stdClass Object
                                (
                                    [lastUpdate] => 
                                    [dateFormatted] => 8o July 2020
                                    [dateISO] => 2020-07-08T06:51:25+00:00
                                )

                            [type] => article
                            [wordCount] => 2773
                            [imgCount] => 52
                            [lang] => 
                            [faq_on_page] => Array
                                (
                                )

                            [anchors] => stdClass Object
                                (
                                    [size] => 180
                                    [outboundSize] => 19
                                    [list] => Array
                                        (
                                            [0] => stdClass Object
                                                (
                                                    [text] => 
                                                    [href] => https://twitter.com/123rf
                                                    [hrefDomain] => twitter.com
                                                    [isOutbound] => 1
                                                )

                                            [1] => stdClass Object
                                                (
                                                    [text] => 
                                                    [href] => https://www.facebook.com/123RF/
                                                    [hrefDomain] => facebook.com
                                                    [isOutbound] => 1
                                                )

                                            [2] => stdClass Object
                                                (
                                                    [text] => 
                                                    [href] => https://www.pinterest.com/123rf/
                                                    [hrefDomain] => pinterest.com
                                                    [isOutbound] => 1
                                                )

                                            [3] => stdClass Object
                                                (
                                                    [text] => 
                                                    [href] => https://www.instagram.com/123rf/
                                                    [hrefDomain] => instagram.com
                                                    [isOutbound] => 1
                                                )

                                            [4] => stdClass Object
                                                (
                                                    [text] => Twitter
                                                    [href] => http://twitter.com/home?status=The+Digital+Artist%26%238217%3Bs+Complete+Guide+To+Mastering+Color+Theory+https://blog.123rf.com/digital-artists-complete-guide-mastering-color-theory/
                                                    [hrefDomain] => twitter.com
                                                    [isOutbound] => 1
                                                )

                                            [5] => stdClass Object
                                                (
                                                    [text] => Pinterest
                                                    [href] => http://pinterest.com/pin/create/button/?url=https://blog.123rf.com/digital-artists-complete-guide-mastering-color-theory/&media=https://blogcdn.123rf.com/wp-content/uploads/2018/03/Color-Palette-800x600-Img-Template.jpg&description=The+Digital+Artist%26%238217%3Bs+Complete+Guide+To+Mastering+Color+Theory
                                                    [hrefDomain] => pinterest.com
                                                    [isOutbound] => 1
                                                )

                                            [6] => stdClass Object
                                                (
                                                    [text] => 
                                                    [href] => http://twitter.com/home?status=How+To+Achieve+The+Cottagecore+Aesthetic+https://blog.123rf.com/wp-content/uploads/2022/01/176995985_s-160x120.jpg
                                                    [hrefDomain] => twitter.com
                                                    [isOutbound] => 1
                                                )

                                            [7] => stdClass Object
                                                (
                                                    [text] => 
                                                    [href] => http://twitter.com/home?status=Eight+Ways+To+Spend+The+Cold+Winter+Months+https://blog.123rf.com/wp-content/uploads/2021/12/110753994_s-160x120.jpg
                                                    [hrefDomain] => twitter.com
                                                    [isOutbound] => 1
                                                )

                                            [8] => stdClass Object
                                                (
                                                    [text] => 
                                                    [href] => http://twitter.com/home?status=Christmas+Traditions+and+Where+They+Came+From+https://blog.123rf.com/wp-content/uploads/2021/12/112607835_s-160x120.jpg
                                                    [hrefDomain] => twitter.com
                                                    [isOutbound] => 1
                                                )

                                            [9] => stdClass Object
                                                (
                                                    [text] => 
                                                    [href] => http://twitter.com/home?status=Content+Creation+With+January+Trending+Keywords+https://blog.123rf.com/wp-content/uploads/2021/12/January-blog-header-white-160x120.png
                                                    [hrefDomain] => twitter.com
                                                    [isOutbound] => 1
                                                )

                                            [10] => stdClass Object
                                                (
                                                    [text] => 
                                                    [href] => http://twitter.com/home?status=2022+New+Year%E2%80%99s+Resolutions+in+Photographs+https://blog.123rf.com/wp-content/uploads/2021/12/163139645_m-160x120.jpg
                                                    [hrefDomain] => twitter.com
                                                    [isOutbound] => 1
                                                )

                                            [11] => stdClass Object
                                                (
                                                    [text] => 
                                                    [href] => http://twitter.com/home?status=Harvest+Food+Photography+and+Styling+https://blog.123rf.com/wp-content/uploads/2021/11/88127833_s-160x120.jpg
                                                    [hrefDomain] => twitter.com
                                                    [isOutbound] => 1
                                                )

                                            [12] => stdClass Object
                                                (
                                                    [text] => 
                                                    [href] => http://twitter.com/home?status=Content+Creation+With+December+Trending+Keywords+https://blog.123rf.com/wp-content/uploads/2021/11/December-blog-header-160x120.png
                                                    [hrefDomain] => twitter.com
                                                    [isOutbound] => 1
                                                )

                                            [13] => stdClass Object
                                                (
                                                    [text] => 
                                                    [href] => http://twitter.com/home?status=15+Meaningful+Thanksgiving+Traditions+To+Do+https://blog.123rf.com/wp-content/uploads/2021/11/157069976_m-160x120.jpg
                                                    [hrefDomain] => twitter.com
                                                    [isOutbound] => 1
                                                )

                                            [14] => stdClass Object
                                                (
                                                    [text] => 
                                                    [href] => http://twitter.com/home?status=Content+Creation+With+November+Trending+Keywords+https://blog.123rf.com/wp-content/uploads/2021/10/November-blog-header--160x120.png
                                                    [hrefDomain] => twitter.com
                                                    [isOutbound] => 1
                                                )

                                            [15] => stdClass Object
                                                (
                                                    [text] => 
                                                    [href] => http://twitter.com/home?status=How+To+Achieve+The+Cottagecore+Aesthetic+https://blog.123rf.com/wp-content/uploads/2022/01/176995985_s-160x120.jpg
                                                    [hrefDomain] => twitter.com
                                                    [isOutbound] => 1
                                                )

                                            [16] => stdClass Object
                                                (
                                                    [text] => 
                                                    [href] => http://twitter.com/home?status=Eight+Ways+To+Spend+The+Cold+Winter+Months+https://blog.123rf.com/wp-content/uploads/2021/12/110753994_s-160x120.jpg
                                                    [hrefDomain] => twitter.com
                                                    [isOutbound] => 1
                                                )

                                            [17] => stdClass Object
                                                (
                                                    [text] => 
                                                    [href] => http://twitter.com/home?status=Christmas+Traditions+and+Where+They+Came+From+https://blog.123rf.com/wp-content/uploads/2021/12/112607835_s-160x120.jpg
                                                    [hrefDomain] => twitter.com
                                                    [isOutbound] => 1
                                                )

                                            [18] => stdClass Object
                                                (
                                                    [text] => 
                                                    [href] => http://twitter.com/home?status=Content+Creation+With+January+Trending+Keywords+https://blog.123rf.com/wp-content/uploads/2021/12/January-blog-header-white-160x120.png
                                                    [hrefDomain] => twitter.com
                                                    [isOutbound] => 1
                                                )

                                        )

                                )

                            [toc] => Array
                                (
                                    [0] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => The Digital Artist’s Complete Guide To Mastering Color Theory. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [1] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => The Color Picker. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [2] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => Value. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [3] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => The Relativity of Color. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [4] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => How to Use Colors Consistently. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [5] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => What Now?
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                    [0] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => If you liked this, you might enjoy:. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                    [0] => stdClass Object
                                                                        (
                                                                            [level] => 5
                                                                            [name] => Tagged in:
                                                                            [tag] => h5
                                                                            [children] => Array
                                                                                (
                                                                                    [0] => stdClass Object
                                                                                        (
                                                                                            [level] => 5
                                                                                            [name] => Share post with:
                                                                                            [tag] => h5
                                                                                            [children] => Array
                                                                                                (
                                                                                                )

                                                                                        )

                                                                                )

                                                                        )

                                                                )

                                                        )

                                                    [1] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => Related posts. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                )

                                        )

                                    [6] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => How To Achieve The Cottagecore Aesthetic. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [7] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => Eight Ways To Spend The Cold Winter Months. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [8] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => Christmas Traditions and Where They Came From. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [9] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => Content Creation With January Trending Keywords. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [10] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => 2022 New Year’s Resolutions in Photographs. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [11] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => Harvest Food Photography and Styling. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [12] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => Content Creation With December Trending Keywords. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [13] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => 15 Meaningful Thanksgiving Traditions To Do. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [14] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => Content Creation With November Trending Keywords. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                    [0] => stdClass Object
                                                        (
                                                            [level] => 4
                                                            [name] => Recommended. 
                                                            [tag] => h4
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                )

                                        )

                                    [15] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => 5 Best Design Resources for Exploring Your Creative Side. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [16] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => Create 4 Easy Pixelation Effects In Minutes. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                    [0] => stdClass Object
                                                        (
                                                            [level] => 3
                                                            [name] => More from Inspiration. 
                                                            [tag] => h3
                                                            [children] => Array
                                                                (
                                                                )

                                                        )

                                                )

                                        )

                                    [17] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => How To Achieve The Cottagecore Aesthetic. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [18] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => Eight Ways To Spend The Cold Winter Months. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [19] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => Christmas Traditions and Where They Came From. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                    [20] => stdClass Object
                                        (
                                            [level] => 2
                                            [name] => Content Creation With January Trending Keywords. 
                                            [tag] => h2
                                            [children] => Array
                                                (
                                                )

                                        )

                                )

                            [og] => stdClass Object
                                (
                                    [ogImage] => https://blogcdn.123rf.com/wp-content/uploads/2018/03/Color-Palette-800x600-Img-Template.jpg
                                )

                            [schema_type] => Array
                                (
                                )

                            [comment_questions] => Array
                                (
                                )

                            [body] => 123RF Art & CultureArtistAudio & FootageDesignInspirationPhotographyVectorsCommunity123RF ContributorIntroduction to 123RFGet Started As A ContributorUploading Your ContentKeywording GuideLegal Matters & ReleasesCopyright WikiFAQTrending KeywordsTop Stock ContentValue Added ResellerTutorialsMarketingLanguages日本語トレンドキーワードチュートリアルマーケティングコントリビューター向けрусский Inspiration Tutorials The Digital Artist’s Complete Guide To Mastering Color Theory. Color theory is said to be the most important topic for anyone working with color. However, “working with color” is a very broad term, including both traditional painters, digital artists, and graphic designers. For each of these groups, the theory of color will mean something slightly different. Unfortunately, it’s the graphic designer’s description of color theory that has become the most popular and almost default. If you search the term on the Internet, you’ll learn a lot about the temperature of color, about the complementary hues, and how to create a consistent composition out of various color combinations. It’s all very important, of course, but if you’re a digital artist, specifically, you need to know more. Hue The popular color wheel is, more accurately, the hue wheel. Hues are the types of color regardless of Brightness and Saturation. A red apple and a red cherry have the same hue, even if they have different colors. There are three primary hues that our eyes recognize: red, green, and blue. If you mix two of these basic hues, you’ll get secondary hues: yellow, cyan, and magenta. There are also tertiary hues, like orange or purple, but not all of them were given distinct names. Because the color wheel is a circle, the specific hues can be located by using their radial position: from 0 to 360 degrees. In Photoshop, red is used as a default beginning and end of the wheel—0 and 360 degrees. Saturation But Hue isn’t enough to create colors. If you only use hues, your picture will look unnaturally bright and pretty unbalanced to your eyes. Besides, you’ll most likely not be able to find brown or black between the hues, no matter how hard you try. It’s because there’s more to color than hue alone. Each color has also Saturation and Brightness. Imagine the “base” of color: a flask with clean water. Such a color has 100% transparency and 0% Saturation. If you add some Hue to it, the Saturation will increase. The more Hue you add, the more saturated the color will appear until it reaches 100%—100% of color and 0% of transparency. Brightness Brightness is based on an even simpler concept. Imagine the same flask in light and shadow. If there’s no light around (0% Brightness), the color will appear black. The more light, the brighter the color, until it can’t get any brighter (100% Brightness). Greyscale It’s important to notice that Saturation and Brightness affect each other. When you desaturate a dark color, it will become dark grey, not white. White, therefore, is 0% Saturation combined with 100% Brightness, greys—0% Saturation combined with various levels of Brightness, and black—0% Brightness regardless of Saturation. Black, white, and greys are therefore not Hues, but special no-hue colors. The Color Picker. Saturation and Brightness can be added to a color wheel to make it more complete. Adding Saturation makes it two-dimensional… … and adding Brightness—three-dimensional: Such a color-cylinder can be imagined as a kind of a “Rolodex”, where every sheet is a pool of shades belonging to a specific Hue. And it’s exactly what Photoshop shows you in its Color Picker panel! You can switch between Hues by adjusting the colorful slider on the right. Then you can increase the Saturation by moving to the right and increase the Brightness by moving up. But a lot of other programs made for digital painting show you not a square, but a triangle as the pool of shades. How do you read it? It’s only a little more complicated—you switch the Hues by moving around the rainbow ring, and you increase Saturation and Brightness by moving towards the “pure color” tip from the top and bottom respectively. Value. But there’s one more thing, one hidden component of color: the Value. It doesn’t have its own slider, but it just as important as all the other components. It comes from the fact that the Hues are not equal to our eyes. We are more receptive towards greens, and less towards blues. Therefore, green appears brighter than blue to us. This is something you can’t change—100% bright blue is only as bright as 18% bright green! Values become clearly visible once we desaturate 100% Bright colors. A color wheel turns into a greyscale wheel, with various shades of the same Brightness and Saturation. How come? Well, the answer’s pretty obvious, once you think about it. White light is comprised of three components: red, green, and blue. White is the brightest of colors, 100% bright of Value. Therefore, red, green, and blue must all have lower Value that sums up to 100. And that’s what really happens: red has 30% Value, green has 59% Value, and blue has 11% Value. It’s a fact observed from reality, something that no slider can change. Why is it so important? Many beginners have problems with muddy colors or shading that looks washed-out. This comes directly from ignoring the existence of Value. Intuition tells us that light makes objects brighter, and shadow—darker, but it’s only a part of the truth. Light makes an object as bright as it can be, not infinitely brighter. A red cherry doesn’t become white in light—it can’t get any brighter than 100% red. To solve this problem, you always need to keep the local color in mind. Local color has various meanings, but in our case, it can be understood as “the color that the object would have in a perfect light”. For example, for a cherry, it could be 70% bright red, only visible when there’s 100% light hitting it. Shadow will make it darker, but nothing will make it brighter than this. There are two exceptions to this rule. First, this only applies to 100% matte surfaces, which are very rare. Most surfaces have some shine to them—a thin transparent layer that reflects light in a clear way. This shine can produce a highlight—a silhouette of the light source reflected on the surface near (but not exactly in!) the brightest point. It can also reflect other objects from its environment if they are bright enough. The shinier the surface, the sharper the reflection. This is the only point where you can lower the Saturation to make the local color brighter above the limits of its Value (just keep in mind that the local color doesn’t really get any brighter—it’s the shiny transparent layer that covers the color with its reflected brightness). Another exception is the rim light. Even a dark, matte surface can become almost white when hit with a strong light at a correct angle. Rim light can be a great way to accentuate the form of a dark object—just remember to use little of it, or the image will look over-exposed! The Relativity of Color. Last, but not least, there’s one more fact that you need to keep in mind all the time when picking colors. Colors aren’t real—they are produced by our brain as an interpretation of certain signals. Because of this, we can recognize the color of an object even when the light conditions change. Check it out: All these cherries are seen as red, even though the color picker doesn’t agree with it. This means that colors are relative—we don’t see them separately, but as a whole. A shade appears red when it’s “redder” than its neighbor, and bright when it’s brighter than its neighbor. Don’t believe it? Just look how different these two identical greys seem. This simple fact turns the color picking into a very complicated process. When painting a red cherry, you can’t just pick any red—it must be a shade that fits the whole scene. Digital artists, however, have it easier than traditional painters. Let me show you very briefly what I mean. How to Use Colors Consistently. The key to a good, balanced composition is the correct handling of the components of a color. Our brain gives each of them a different priority—Value is noticed first, then Brightness, Saturation, and Hue. But even though Hue comes last, we usually prioritize it when creating our painting: we think about the red dress, blonde hair, green scales. But it’s what we should end up with—not begin with. Your brain uses Value to see the shape of the objects. Then it uses Brightness to analyze their 3D form. Later it searches for spots with high Saturation because they’re rare and therefore can give you some important information (a vividly colored spot may mean fruit… or blood). Only then Hue comes into consideration, to understand the details of what we see. And that’s how we must approach painting if we want to keep it all consistent. Let’s paint these tomatoes as an example. They are red, of course, but not just one shade of red. What should we start with? First, we need to remove all the light effects: the specular reflection and the shadows. What local colors would the tomatoes have, were they 100% matte and perfectly illuminated? For practice, let’s start with values. It’s not necessary if you have a reference, but when you want to paint something completely from imagination, picking the correct values is essential. You can practice this skill by painting values from a reference. So, look at the photo and imagine the local red and green of these tomatoes with no light effects. How bright would they be? Deep red like this will require quite a low value, and the green, though usually bright in value, is dark here as well. Let’s add some shadows now to reveal the form. If you look carefully, you’ll notice there are no black shadows in the photo. Even the darkest parts are still quite bright. Beginners often feel tempted to use all the shadows they have—straight to the black, but it leads to an artificial effect. Use only as many shadows as necessary to reveal the 3D form, and leave black only for the tightest crevices. Now we can safely add the hues. In Photoshop, you can paint the hues on a separate layer and change its mode to Color. This will mix the hue with the value beneath, creating a full, shaded color. Can you see how soft these tomatoes look? It’s because they’re so matte. But real tomatoes are not matte—they’re quite reflective, although in a “soft” way. This means you can add some brightness to them: pick the local color, give it more orange Hue (if the light source is warm), increase its Brightness, and lower its Saturation. But a reflective surface reflects more than the light source—it can, for example, reflect the bright sky and the bright ground. You can add these reflections the same way as before. Just shift the Hue and Brightness towards the values of the reflected color. Don’t forget about the “shadows”—dark elements don’t get reflected, but the lack of their reflection looks like shadows. Don’t forget to blend it all nicely! As you can see, a proper application of color theory let us paint beautiful, realistic tomatoes. When it comes to painting, intuition isn’t always enough—your creativity must be supported by knowledge. What Now? Remember: the color theory is best learned by practice. Don’t stop here—use the same method as above to practice matte surfaces, like these bananas… … and textured surfaces, like this orange: Good luck! Images: 123RF, Monika Zagrobelna (used with permission) – If you liked this, you might enjoy:. Tips on Becoming A Successful Digital Artist https://blog.123rf.com/how-to-digitally-paint-in-greyscale-with-photoshop-cc/ Jade Mere: The Art of Animals Tagged in:123RFartartistcolor theorycompletecomprehensivedigitalguidehuesillustrationmasterShare post with: Facebook Twitter Pinterest Related posts. prev next Inspiration Photography How To Achieve The Cottagecore Aesthetic. Ashley Yeong 123RF https://blog.123rf.com/wp-content/uploads/2018/07/123RF_logo_v2.png 323 62 January 8, 2022January 8, 2022 https://blog.123rf.com/wp-content/uploads/2022/01/176995985_s.jpg 800 534 Ashley Yeong January 8, 2022 Inspiration Photography Eight Ways To Spend The Cold Winter Months. Ashley Yeong 123RF https://blog.123rf.com/wp-content/uploads/2018/07/123RF_logo_v2.png 323 62 January 3, 2022January 3, 2022 https://blog.123rf.com/wp-content/uploads/2021/12/110753994_s.jpg 800 517 Ashley Yeong January 3, 2022 Inspiration Christmas Traditions and Where They Came From. Ashley Yeong 123RF https://blog.123rf.com/wp-content/uploads/2018/07/123RF_logo_v2.png 323 62 December 29, 2021December 30, 2021 https://blog.123rf.com/wp-content/uploads/2021/12/112607835_s.jpg 800 534 Ashley Yeong December 29, 2021 Inspiration Photography Content Creation With January Trending Keywords. 123RF 123RF https://blog.123rf.com/wp-content/uploads/2018/07/123RF_logo_v2.png 323 62 December 23, 2021December 27, 2021 https://blog.123rf.com/wp-content/uploads/2021/12/January-blog-header-white-1024x461.png 800 360 123RF December 23, 2021 Inspiration Photography 2022 New Year’s Resolutions in Photographs. Ashley Yeong 123RF https://blog.123rf.com/wp-content/uploads/2018/07/123RF_logo_v2.png 323 62 December 14, 2021December 14, 2021 https://blog.123rf.com/wp-content/uploads/2021/12/163139645_m-1024x706.jpg 800 552 Ashley Yeong December 14, 2021 Inspiration Photography Harvest Food Photography and Styling. Ashley Yeong 123RF https://blog.123rf.com/wp-content/uploads/2018/07/123RF_logo_v2.png 323 62 November 29, 2021November 29, 2021 https://blog.123rf.com/wp-content/uploads/2021/11/88127833_s.jpg 800 533 Ashley Yeong November 29, 2021 Inspiration Photography Content Creation With December Trending Keywords. 123RF 123RF https://blog.123rf.com/wp-content/uploads/2018/07/123RF_logo_v2.png 323 62 November 25, 2021November 30, 2021 https://blog.123rf.com/wp-content/uploads/2021/11/December-blog-header-1024x461.png 800 360 123RF November 25, 2021 Inspiration Photography 15 Meaningful Thanksgiving Traditions To Do. Ashley Yeong 123RF https://blog.123rf.com/wp-content/uploads/2018/07/123RF_logo_v2.png 323 62 November 19, 2021November 19, 2021 https://blog.123rf.com/wp-content/uploads/2021/11/157069976_m-1024x672.jpg 800 525 Ashley Yeong November 19, 2021 Inspiration Photography Content Creation With November Trending Keywords. 123RF 123RF https://blog.123rf.com/wp-content/uploads/2018/07/123RF_logo_v2.png 323 62 October 29, 2021November 3, 2021 https://blog.123rf.com/wp-content/uploads/2021/10/November-blog-header--1024x461.png 800 360 123RF October 29, 2021 Recommended. Design Inspiration 5 Best Design Resources for Exploring Your Creative Side. 123RF 123RF https://blog.123rf.com/wp-content/uploads/2018/07/123RF_logo_v2.png 323 62 May 8, 2020June 4, 2020 https://blog.123rf.com/wp-content/uploads/2018/07/1200x540-Blog-Featured-Slider-Image-2-1024x461.jpg 800 360 123RF May 8, 2020 Tutorials Create 4 Easy Pixelation Effects In Minutes. 123RF 123RF https://blog.123rf.com/wp-content/uploads/2018/07/123RF_logo_v2.png 323 62 November 27, 2019February 14, 2020 https://blog.123rf.com/wp-content/uploads/2019/11/pixelationeffects-1200x540-Blog-Featured-Image-1024x461.jpg 800 360 123RF November 27, 2019 More from Inspiration. Inspiration Photography How To Achieve The Cottagecore Aesthetic. Ashley Yeong 123RF https://blog.123rf.com/wp-content/uploads/2018/07/123RF_logo_v2.png 323 62 January 8, 2022January 8, 2022 https://blog.123rf.com/wp-content/uploads/2022/01/176995985_s.jpg 800 534 Ashley Yeong January 8, 2022 Inspiration Photography Eight Ways To Spend The Cold Winter Months. Ashley Yeong 123RF https://blog.123rf.com/wp-content/uploads/2018/07/123RF_logo_v2.png 323 62 January 3, 2022January 3, 2022 https://blog.123rf.com/wp-content/uploads/2021/12/110753994_s.jpg 800 517 Ashley Yeong January 3, 2022 Inspiration Christmas Traditions and Where They Came From. Ashley Yeong 123RF https://blog.123rf.com/wp-content/uploads/2018/07/123RF_logo_v2.png 323 62 December 29, 2021December 30, 2021 https://blog.123rf.com/wp-content/uploads/2021/12/112607835_s.jpg 800 534 Ashley Yeong December 29, 2021 Inspiration Photography Content Creation With January Trending Keywords. 123RF 123RF https://blog.123rf.com/wp-content/uploads/2018/07/123RF_logo_v2.png 323 62 December 23, 2021December 27, 2021 https://blog.123rf.com/wp-content/uploads/2021/12/January-blog-header-white-1024x461.png 800 360 123RF December 23, 2021 Back to top -->
                            [kwBody] => Array
                                (
                                    [0] => stdClass Object
                                        (
                                            [term] => color
                                            [tf] => 57
                                        )

                                    [1] => stdClass Object
                                        (
                                            [term] => hue
                                            [tf] => 31
                                        )

                                    [2] => stdClass Object
                                        (
                                            [term] => 123rf
                                            [tf] => 30
                                        )

                                    [3] => stdClass Object
                                        (
                                            [term] => httpsblog123rfcomwp
                                            [tf] => 30
                                        )

                                    [4] => stdClass Object
                                        (
                                            [term] => brightness
                                            [tf] => 24
                                        )

                                    [5] => stdClass Object
                                        (
                                            [term] => saturation
                                            [tf] => 21
                                        )

                                    [6] => stdClass Object
                                        (
                                            [term] => light
                                            [tf] => 21
                                        )

                                    [7] => stdClass Object
                                        (
                                            [term] => red
                                            [tf] => 20
                                        )

                                    [8] => stdClass Object
                                        (
                                            [term] => 2021
                                            [tf] => 19
                                        )

                                    [9] => stdClass Object
                                        (
                                            [term] => ashley yeong
                                            [tf] => 18
                                        )

                                    [10] => stdClass Object
                                        (
                                            [term] => january
                                            [tf] => 18
                                        )

                                    [11] => stdClass Object
                                        (
                                            [term] => ashley
                                            [tf] => 18
                                        )

                                    [12] => stdClass