Color style

Vibrant Colors: Names, HEX Codes & Bold Shades

Vibrant colors are bold and strongly saturated. Here a color is vibrant when its HSL saturation is at least 70% and its lightness is between 30% and 70%, which leaves out near-white and near-black. Grays are excluded.

Vibrant colors catch the eye, so they work best in small amounts: a button, a link, a badge or one accent against neutrals. Saturated colors also differ a lot in brightness. Pure red is a borderline case (3.99:1 with white, 5.25:1 with black), pure blue works with white text (8.59:1), and yellow and cyan need black text.

Vibrant colors at a glance

245vibrant colors in the library

48%average HSL lightness

94%average HSL saturation

28%reach 4.5:1 contrast with white text

73%reach 4.5:1 contrast with black text

Extremes among vibrant colors
Extreme	Color	HEX	HSL
Lightest	Pale Lime Green	`#B1FF65`	`hsl(90, 100%, 70%)`
Darkest	Auburn	`#9A3001`	`hsl(18, 99%, 30%)`
Most saturated	Yellow Brown	`#B79400`	`hsl(49, 100%, 36%)`
Least saturated	Algae Green	`#21C36F`	`hsl(149, 71%, 45%)`

Popular vibrant colors

Emerald#01A049 Mustard#CEB301 Crimson#DC143C Blue#0000FF Cyan#00FFFF Gold#FFD700 Lime#00FF00 Magenta#FF00FF Orange#FFA500 Red#FF0000 Yellow#FFFF00 Turquoise#40E0D0

Using vibrant colors

Buttons, links, badges and other elements that must be noticed.
Playful, energetic designs and event or entertainment graphics.
Charts, where saturated hues make categories easy to tell apart. Keep a difference in lightness as well, for readers with color blindness.
Accent borders and icons.

Large areas of saturated color tire the eye. Use vibrant colors for small accents and keep the surface around them neutral.

Vivid screen colors can print duller, because the range of colors a CMYK printer can reproduce is smaller than a screen's in some hues.

All 245 vibrant colors

Acid Green#8FFE09 Algae Green#21C36F Amber#FEB308 Aqua Blue#02D8E9 Aqua Green#12E193 Auburn#9A3001 Azul#1D5DEC Banana Yellow#FAFE4B Berry#990F4B Blood Orange#FE4B03 Blue#0000FF Blue Violet#8A2BE2 Brick Orange#C14A09 Bright Aqua#0BF9EA Bright Blue#0165FC Bright Cyan#41FDFE Bright Lilac#C95EFB Bright Lime#87FD05 Bright Lime Green#65FE08 Bright Magenta#FF08E8 Bright Olive#9CBB04 Bright Orange#FF5B00 Bright Pink#FE01B1 Bright Red#FF000D Bright Sea Green#05FFA6 Bright Sky Blue#02CCFE Bright Teal#01F9C6 Bright Turquoise#0FFEF9 Bright Violet#AD0AFD Bright Yellow Green#9DFF00 Bronze#A87900 Brown Orange#B96902 Brown Yellow#B29705 Burnt Orange#C04E01 Burnt Red#9F2305 Burnt Sienna#B04E0F Burnt Umber#A0450E Burnt Yellow#D5AB09 Butterscotch#FDB147 Canary#FDFF63 Canary Yellow#FFFE40 Candy Pink#FF63E9 Caramel#AF6F09 Carmine#9D0216 Cerise#DE0C62 Cerulean#0485D1 Cerulean Blue#056EEE Chartreuse#7FFF00 Cherry#CF0234 Cherry Red#F7022A Chocolate#D2691E Cinnamon#AC4F06 Cobalt Blue#030AA7 Coral#FF7F50 Coral Pink#FF6163 Cornflower#6A79F7 Cornflower Blue#6495ED Cranberry#9E003A Crimson#DC143C Cyan#00FFFF Dandelion#FEDF08 Dark Fuchsia#9D0759 Dark Gold#B59410 Dark Goldenrod#B8860B Dark Lime#84B701 Dark Lime Green#7EBD01 Dark Mint Green#20C073 Dark Mustard#A88905 Dark Orange#FF8C00 Dark Salmon#E9967A Dark Seafoam#1FB57A Dark Sky Blue#448EE4 Dark Turquoise#00CED1 Dark Violet#9400D3 Dark Yellow#D5B60A Deep Magenta#A0025C Deep Orange#DC4D01 Deep Pink#FF1493 Deep Red#9A0200 Deep Sky Blue#00BFFF Dodger Blue#1E90FF Dull Yellow#EEDC5B Dusty Orange#F0833A Electric Blue#0652FF Electric Green#21FC0D Electric Lime#A8FF04 Electric Purple#AA23FF Emerald#01A049 Faded Orange#F0944D Frog Green#58BC08 Gold#FFD700 Golden#F5BF03 Golden Brown#B27A01 Golden Yellow#FEC615 Goldenrod#DAA520 Grapefruit#FD5956 Grass Green#3F9B0B Green Apple#5EDC1F Green Blue#06B48B Green Teal#0CB577 Green Yellow#ADFF2F Hazel#8E7618 Heliotrope#D94FF5 Hot Magenta#F504C9 Hot Purple#CB00F5 Indigo Blue#3A18B1 Kelly Green#02AB2E Kiwi#9CEF43 Kiwi Green#8EE53F Lawn Green#7CFC00 Leaf Green#5CA904 Lemon#FDFF52 Lemon Green#ADF802 Lemon Lime#BFFE28 Lemon Yellow#FDFF38 Light Gold#FDDC5C Light Grass Green#9AF764 Light Green Blue#56FCA2 Light Lime Green#B9FF66 Light Magenta#FA5FF7 Light Mustard#F7D560 Light Navy#155084 Light Neon Green#4EFD54 Light Orange#FDAA48 Light Red#FF474C Light Royal Blue#3A2EFE Lighter Green#75FD63 Lighter Purple#A55AF4 Lime#00FF00 Lime Yellow#D0FE1D Lipstick#D5174E Lipstick Red#C0022F Magenta#FF00FF Maize#F4D054 Mango#FFA62B Marigold#FCC006 Medium Blue#0000CD Medium Pink#F36196 Medium Slate Blue#7B68EE Medium Spring Green#00FA9A Medium Violet Red#C71585 Melon#FF7855 Minty Green#0BF77D Mulberry#920A4E Mustard#CEB301 Mustard Brown#AC7E04 Mustard Green#A8B504 Mustard Yellow#D2BD0A Neon Blue#04D9FF Neon Pink#FE019A Neon Purple#BC13FE Neon Red#FF073A Neon Yellow#CFFF04 Ocean Blue#03719C Ocher#BF9B0C Ochre#BF9005 Olive Yellow#C2B709 Orange#FFA500 Orange Brown#BE6400 Orange Pink#FF6F52 Orange Red#FF4500 Orange Yellow#FFAD01 Pale Lime Green#B1FF65 Pale Orange#FFA756 Pastel Orange#FF964F Pea#A4BF20 Pea Green#8EAB12 Pear#CBF85F Pink Red#F5054F Pumpkin#E17701 Pumpkin Orange#FB7D07 Pure Blue#0203E2 Purple Blue#632DE9 Purple Pink#E03FD8 Purple Red#990147 Raspberry#B00149 Raw Sienna#9A6200 Raw Umber#A75E09 Red#FF0000 Red Brown#8B2E16 Red Orange#FD3C06 Red Pink#FA2A55 Red Violet#9E0168 Rich Blue#021BF9 Rose Red#BE013C Rosy Pink#F6688E Rouge#AB1239 Royal#0C1793 Royal Blue#4169E1 Ruby#CA0147 Russet#A13905 Rust#A83C09 Rust Orange#C45508 Rust Red#AA2704 Rusty Orange#CD5909 Rusty Red#AF2F0D Saddle Brown#8B4513 Sand Yellow#FCE166 Sandy Brown#F4A460 Sap Green#5C8B15 Scarlet#BE0119 Sea Blue#047495 Seaweed#18D17B Shamrock#01B44C Shamrock Green#02C14D Shocking Pink#FE02A2 Slime Green#99CC04 Soft Blue#6488EA Spearmint#1EF876 Spring Green#00FF7F Squash#F2AB15 Strawberry#FB2943 Strong Blue#0C06F7 Strong Pink#FF0789 Sun Yellow#FFDF22 Sunny Yellow#FFF917 Tangerine#FF9408 Teal Blue#01889F Tomato#FF6347 Tomato Red#EC2D01 Topaz#13BBAF True Blue#010FCC Turquoise#40E0D0 Turquoise Blue#06B1C4 Turquoise Green#04F489 Ultramarine#2000B1 Ultramarine Blue#1805DB Umber#B26400 Vermillion#F4320C Vibrant Blue#0339F8 Vibrant Green#0ADD08 Vibrant Purple#AD03DE Violet Blue#510AC9 Violet Pink#FB5FFC Violet Red#A50055 Vivid Blue#152EFF Vivid Green#2FEF10 Vivid Purple#9900FA Warm Pink#FB5581 Water Blue#0E87CC Watermelon#FD4659 Wintergreen#20F986 Yellow#FFFF00 Yellow Brown#B79400 Yellow Ochre#CB9D06

More styles

Light (143)Dark (108)Pastel (127)Neutral (99)Warm (282)Cool (148) All families