Technology

RGB Color Chart

RGB color in a layout is exceptionally subjective. Whatever evokes one particular reaction in any single person may bring justice rather than get a different reaction on someone else. At times, this is as a result of preferences, and other times due to social background. Colors theoretical is normally a technique alone. Analyzing, precisely, how colors have an impact on many people, whether on their own or perhaps as a group, is the method of some people to build their works on. And afterward, there’s a lot to it. A certain method as basic as transforming the specific tone or perhaps saturation of a color can create a different feeling. Social variation means that a process of uplifting and even inspiring in one country can be unfavorable to others.

White/PastelGrayBlueGreenYellowBrownOrangePink/Violet


White / Pastel

Color NameRGB CODEHEX CODESample
Snow255-250-250#fffafa 
Snow 2238-233-233#eee9e9 
Snow 3205-201-201#cdc9c9 
Snow 4139-137-137#8b8989 
Ghost White248-248-255#f8f8ff 
White Smoke245-245-245#f5f5f5 
Gainsboro220-220-220#dccdc 
Floral White255-250-240#fffaf0 
Old Lace253-245-230#fdf5e6 
Linen240-240-230#faf0e6 
Antique White250-235-215#faebd7 
Antique White 2238-223-204#eedfcc 
Antique White 3205-192-176#cdc0b0 
Antique White 4139-131-120#8b8378 
Papaya Whip255-239-213#ffefd5 
Blanched Almond255-235-205#ffebcd 
Bisque255-228-196#ffe4c4 
Bisque 2238-213-183#eed5b7 
Bisque 3205-183-158#cdb79e 
Bisque 4139-125-107#8b7d6b 
Peach Puff255-218-185#ffdab9 
Peach Puff 2238-203-173#eecbad 
Peach Puff 3205-175-149#cdaf95 
Peach Puff 4139-119-101#8b7765 
Navajo White255-222-173#ffdead 
Moccasin255-228-181#ffe4b5 
Corn silk255-248-220#fff8dc 
Corn silk 2238-232-205#eee8dc 
Corn silk 3205-200-177#cdc8b1 
Corn silk 4139-136-120#8b8878 
Ivory255-255-240#fffff0 
Ivory 2238-238-224#eeeee0 
Ivory 3205-205-193#cdcdc1 
Ivory 4139-139-131#8b8b83 
Lemon Chiffon255-250-205#fffacd 
Seashell255-245-238#fff5ee 
Seashell 2238-229-222#eee5de 
Seashell 3205-197-191#cdc5bf 
Seashell 4139-134-130#8b8682 
Honeydew240-255-240#f0fff0 
Honeydew 2244-238-224#e0eee0 
Honeydew 3193-205-193#c1cdc1 
Honeydew 4131-139-131#838b83 
Mint Cream245-255-250#f5fffa 
Azure240-255-255#f0ffff 
Alice Blue240-248-255#f0f8ff 
Lavender230-230-250#e6e6fa 
Lavender Blush255-240-245#fff0f5 
Misty Rose255-228-225#ffe4e1 
White255-255-255#ffffff 


Gray

Color NameRGB CODEHEX CODESample
Black0-0-0#000000 
Dark Slate Gray49-79-79#2f4f4f 
Dim Gray105-105-105#696969 
Slate Gray112-138-144#708090 
Light Slate Gray119-136-153#778899 
Gray190-190-190#bebebe 
Light Gray211-211-211#d3d3d3 


Blue

Color NameRGB CODEHEX CODESample
Midnight Blue25-25-112#191970 
Navy0-0-128#000080 
Cornflower Blue100-149-237#6495ed 
Dark Slate Blue72-61-139#483d8b 
Slate Blue106-90-205#6a5acd 
Medium Slate Blue123-104-238#7b68ee 
Light Slate Blue132-112-255#8470ff 
Medium Blue0-0-205#0000cd 
Royal Blue65-105-225#4169e1 
Blue0-0-255#0000ff 
Dodger Blue30-144-255#1e90ff 
Deep Sky Blue0-191-255#00bfff 
Sky Blue135-206-250#87ceeb 
Light Sky Blue135-206-250#87cefa 
Steel Blue70-130-180#4682b4 
Light Steel Blue176-196-222#b0c4de 
Light Blue173-216-230#add8e6 
Powder Blue176-224-230#b0e0e6 
Pale Turquoise175-238-238#afeeee 
Dark Turquoise0-206-209#00ced1 
Medium Turquoise72-209-204#48d1cc 
Turquoise64-224-208#40e0d0 
Cyan0-255-255#00ffff 
Light Cyan224-255-255#e0ffff 
Cadet Blue95-158-160#5f9ea0 


Green

Color NameRGB CODEHEX CODESample
Medium Aquamarine102-205-170#66cdaa 
Aquamarine127-255-212#7fffd4 
Dark Green0-100-0#006400 
Dark Olive Green85-107-47#556b2f 
Dark Sea Green143-188-143#8fbc8f 
Sea Green46-139-87#2e8b57 
Medium Sea Green60-179-113#3cb371 
Light Sea Green32-178-170#20b2aa 
Pale Green152-251-152#98fb98 
Spring Green0-255-127#00ff7f 
Lawn Green124-252-0#7cfc00 
Chartreuse127-255-0#7fff00 
Medium Spring Green0-250-154#00fa9a 
Green Yellow173-255-47#adff2f 
Lime Green50-205-50#32cd32 
Yellow Green154-205-50#9acd32 
Forest Green34-139-34#228b22 
Olive Drab107-142-35#6b8e23 
Dark Khaki189-183-107#bdb76b 
Khaki240-230-140#f0e68c 


Yellow

Color NameRGB CODEHEX CODESample
Pale Goldenrod238-232-170#eee8aa 
Light Goldenrod Yellow250-250-210#fafad2 
Light Yellow255-255-224#ffffe0 
Yellow255-255-0#ffff00 
Gold255-215-0#ffd700 
Light Goldenrod238-221-130#eedd82 
Goldenrod218-165-32#daa520 
Dark Goldenrod184-134-11#b8860b 


Brown

Color NameRGB CODEHEX CODESample
Rosy Brown188-143-143#bc8f8f 
Indian Red205-92-92#cd5c5c 
Saddle Brown139-69-19#8b4513 
Sienna160-82-45#a0522d 
Peru205-133-63#cd853f 
Burlywood222-184-135#deb887 
Beige245-245-220#f5f5dc 
Wheat245-222-179#f5deb3 
Sandy Brown244-164-96#f4a460 
Tan210-180-140#d2b48c 
Chocolate210-105-30#d2691e 
Firebrick178-34-34#b22222 
Brown165-42-42#a52a2a 


Orange

Color NameRGB CODEHEX CODESample
Dark Salmon233-150-122#e9967a 
Salmon250-128-114#fa8072 
Light Salmon255-160-122#ffa07a 
Orange255-165-0#ffa500 
Dark Orange255-140-0#ff8c00 
Coral255-127-80#ff7f50 
Light Coral240-128-128#f08080 
Tomato255-99-71#ff6347 
Orange Red255-69-0#ff4500 
Red255-0-0#ff0000 


Pink / Violet

Color NameRGB CODEHEX CODESample
Hot Pink255-105-180#ff69b4 
Deep Pink255-20-147#ff1493 
Pink255-192-203#ffc0cb 
Light Pink255-182-193#ffb6c1 
Pale Violet Red219-112-147#db7093 
Maroon176-48-96#b03060 
Medium Violet Red199-21-133#c71585 
Violet Red208-32-144#d02090 
Violet238-130-238#ee82ee 
Plum221-160-221#dda0dd 
Orchid218-112-214#da70d6 
Medium Orchid186-85-211#ba55d3 
Dark Orchid153-50-204#9932cc 
Dark Violet148-0-211#9400d3 
Blue Violet138-43-226#8a2be2 
Purple160-32-240#a020f0 
Medium Purple147-112-219#9370db 
Thistle216-191-216#d8bfd8 


Start Your Coloring, Start Your Designs!

via GIPHY

 

Just go and make use of your newfound colors insight to spice up your designs. Color is a powerful tool to pass on a specific mood or impact to you and your guests, that could be used to enhance brand identity. You’d most likely comprehend a Coca-Cola sign just by its very own style and color alone, let alone its iconic content.


Color
is indeed so valuable that franchises exactly like Starbucks have highly low tolerances on shades imbalances for each of its franchise locations. Each franchisee must pick from the list of authorized color options. Before the doors to the coffee shop open, a member of the staff from the head business office comes to ensure that the color as applied on the wall matches within the rigid tolerances.

Implement colors correctly, and your web site would feel very natural and even build. Given that you have the basics down, I encourage you to always keep doing further down the method into color theory. But the majority of all, make sure to check beautiful types of color used precise, as well as practice, practice, practice.


Happy designing, great resources, tools, or examples to share with fellow dreamers?


If you like this post, then please subscribe to our YouTube Channel for more upcoming videos.
Don’t forget to leave your comments and questions below.
You can also find us on Twitter, Instagram, and Facebook.
xoxo
Kris Lacanlale - DREAM CATCHER GIRL | YOUR SAVVY SASSY GIRL

Author


Avatar

Kris Lacanlale

Hey! I'm Kris. A Dream Catcher collector, your tech-savvy sassy girl behind Dream Catcher Girl, a fur-parents and married while waiting for our super baby to come! Come along with me as I strive to live a life I love to do creatively and chic.