Understand. Compare. Create.

HTML and HEX colour codes

Read a #RRGGBB code, choose a colour and look up hexadecimal shade values in the HTML colour table.

Choose and convert

Choose a colour

Hexadecimal code

Enter RGBRGB

Enter CMYK (%)CMYK

HEX: #34649C
RGB: 52, 100, 156
CMYK ≈: 67%, 36%, 0%, 39%
HSL: 212°, 50%, 41%

CMYK: mathematical approximation without an ICC profile. HSL: hue, saturation, lightness.

Understand the code

In #RRGGBB, each pair represents red, green and blue, from 00 to FF. #FF0000 is red. The short form #F00 gives the same value: each character is doubled. In CSS, apply colours using color or background-color.

.exemple {
  color: #203F3B;
  background-color: #FAF9F6;
}

Everyday shade names are not all standards. These codes identify this site’s previews; a manufacturer may use a different code for the same name.

Colour code table

Search a name or code

Site shade directory — sRGB values
Name	Preview	HEX
Blue		`#0000FF`
Aquamarine		`#79F8F8`
Azure		`#007FFF`
Azure		`#1E7FCB`
Light azure		`#74D0F1`
Azurin		`#A9EAFE`
Steel blue		`#3A8EBA`
Slate blue		`#686F8C`
Cornflower blue		`#5472AE`
Cornflower blue		`#5472AE`
Bondi blue		`#0095B6`
Sky blue		`#26C4EC`
Cerulean		`#0F9DE8`
Cerulean		`#357AB7`
Cart blue		`#8EA2C6`
Wheelwright blue		`#17657D`
Wheelwright blue		`#8EA2C6`
Sky blue		`#77B5FE`
Cobalt blue		`#22427C`
Berlin blue		`#24445C`
French blue		`#318CE7`
Midnight Blue		`#003366`
Prussian blue		`#24445C`
Denim blue		`#1560BD`
South Seas blue		`#00CCCB`
Dragée blue		`#DFF2FF`
Egyptian blue		`#1034A6`
Electric blue		`#2C75FF`
Blue woad		`#56739A`
Blue horizon		`#7F8FA6`
Blue majorelle		`#6050DC`
Navy blue		`#03224C`
Maya blue		`#73C2FB`
Mineral blue		`#24445C`
Midnight Blue		`#0F056B`
Ultramarine		`#1B019B`
Ultramarine		`#2B009A`
Peacock		`#067790`
Persian blue		`#6600FF`
Petrol blue		`#1D4851`
Royal blue		`#318CE7`
Sapphire blue		`#0131B4`
Teal		`#008080`
Blue smalt		`#003399`
Blue tiffany		`#0ABAB5`
Blue turquin		`#425B8A`
Ceruleum		`#26C4EC`
Duck blue		`#048B9A`
Cerulean		`#74D0F1`
Cyan		`#00FFFF`
Cyan		`#2BFAFA`
Smoke		`#BBD2E1`
Frosted		`#80D0D0`
Indigo		`#791CF8`
Indigo		`#2E006C`
Web indigo		`#4B0082`
Klein		`#002FA7`
Klein		`#21177D`
Lapis-lazuli		`#26619C`
Lavender		`#9683EC`
Pastel		`#56739A`
Periwinkle		`#CCCCFF`
Turquoise		`#25FDE9`
White		`#FFFFFF`
Alabaster		`#FEFEFE`
Clay		`#EFEFEF`
Mist blue		`#F0FFFF`
Light beige		`#F5F5DC`
Eggshell		`#FEFEE2`
Lead white		`#FEFEFE`
White cream		`#FDF1B8`
White silver		`#FEFEFE`
White milk		`#FBFCFA`
White linen		`#FAF0E6`
White platinum		`#FAF0C5`
White lead		`#FEFEFE`
Saturn white		`#FEFEFE`
Troyes white		`#FEFDF0`
Zinc white		`#F6FEFE`
Whiting		`#FEFDF0`
White ivory		`#FFFFF4`
Off-white		`#FEFEE0`
White Lunar		`#F4FEFE`
Snow White		`#FEFEFE`
Opal white		`#F2FFFF`
White-blue		`#FEFEFE`
Eggshell		`#FDE9E0`
Nymph thigh		`#FEE7F0`
Brown		`#5B3C11`
Mahogany		`#88421D`
Chestnut		`#A76726`
Amber		`#F0C300`
Auburn		`#9D3E0C`
Dark brown		`#8B6C42`
Beige		`#C8AD7F`
Light beige		`#F5F5DC`
Beigeasse		`#AFA778`
Bistre		`#3D2B1F`
Bistre		`#856D4D`
Bitumen		`#4E3D28`
Overripe		`#5B3C11`
Brick		`#842E1B`
Bronze		`#614E1A`
Walnut stain		`#3F2204`
Bureau brown		`#6B5731`
Cocoa		`#614B3A`
Cachou		`#2F1B0C`
Coffee		`#462E01`
Coffee with milk		`#785E2F`
Cinnamon		`#7E5835`
Caramel		`#7E3300`
Chestnut		`#806D5A`
Dark blond		`#8B6C42`
Copper brown		`#85530F`
Chocolate		`#5A3A22`
Pumpkin		`#DF6D14`
Tawny		`#AD4F09`
Dead leaf		`#99512B`
Greige		`#BBAE98`
Moorish gray		`#685E43`
Cravat		`#8F5922`
Brown		`#582900`
Golden brown		`#87591A`
Hazelnut		`#955628`
Burnt orange		`#CC5500`
Puce		`#4E1609`
Red bismarck		`#A5260A`
Terracotta red		`#AE4A34`
Rust		`#985717`
Oxblood		`#730800`
Senois		`#8D4024`
Sepia		`#A98C78`
Sepia		`#AE8964`
Tobacco		`#9F551E`
Sienna		`#8E5434`
Umber		`#625B48`
Umber		`#926D27`
Vanilla		`#E1CE9A`
Gray		`#606060`
Slate		`#5A5E6B`
Silver		`#CECECE`
Clay		`#EFEFEF`
Bis		`#766F64`
Bistre		`#3D2B1F`
Bistre		`#856D4D`
Bitumen		`#4E3D28`
Celadon		`#83A697`
Chestnut		`#806D5A`
Oxidised tin		`#BABABA`
Pure tin		`#EDEDED`
Smoke		`#BBD2E1`
Greige		`#BBAE98`
Steel gray		`#AFAFAF`
Charcoal Grey		`#303030`
Payne's gray		`#677179`
Iron gray		`#848484`
Iron grey		`#7F7F7F`
Pearl Grey		`#CECECE`
Pearl Grey		`#C7D0CC`
Mouse Grey		`#9E9E9E`
Dove gray		`#BBACAC`
Mastic		`#B3B191`
Pinchard		`#CCCCCC`
Lead		`#798081`
Mountbatten pink		`#997A8D`
Taupe		`#463F32`
Tourdille		`#C1BFB1`
Yellow		`#FFFF00`
Amber		`#F0C300`
Aurora		`#FFCB60`
Butter		`#F0E36B`
Fresh butter		`#FFF48D`
Corn		`#E8D630`
Blond		`#E2BC74`
Buttercup		`#FCDC12`
Buff		`#EDD38C`
Goose-dropping yellow		`#CDCD0D`
Chamois		`#D0C07A`
Champagne		`#FBF2B7`
Chrome yellow		`#EDFF0C`
Chrome yellow		`#FFFF05`
Lemon		`#F7FF3C`
Tawny		`#AD4F09`
Flave		`#E6E697`
Sulphur yellow		`#FFFF6B`
Gamboge		`#EF9B0F`
Yellow aureolin		`#EFD242`
Yellow banana		`#D1B606`
Canary yellow		`#E7F00D`
Yellow chartreuse		`#DFFF00`
Aureolin		`#FDEE00`
Naples yellow		`#FFF0BC`
Yellow gold		`#EFD807`
Imperial yellow		`#FFE436`
Yellow mimosa		`#FEF86C`
Yellow mustard		`#C7CF00`
Yellow nankin		`#F7E269`
Yellow olive		`#808000`
Straw yellow		`#FEE347`
Yellow chick		`#F7E35F`
Corn		`#FFDE75`
Mars yellow		`#EED153`
Mastic		`#B3B191`
Honey		`#DAB30A`
Yellow Ochre		`#DFAF2C`
Red ocher		`#DD985C`
Gold		`#FFD700`
Orpiment		`#FCD21C`
Camel		`#B67823`
Cow-tail yellow		`#C3B470`
Cow-tail yellow		`#A89874`
Sand		`#E0CDA9`
Saffron		`#F4C430`
Sulfur		`#FFFF6B`
Topaz		`#FAEA73`
Vanilla		`#E1CE9A`
Venetian		`#E7A854`
Black		`#000000`
Raven		`#000000`
Walnut stain		`#3F2204`
Cassis		`#2C030B`
Cassis		`#3A020D`
Dorian black		`#0B1616`
Ebony		`#000000`
Bone black		`#000000`
Black coal		`#000000`
Aniline Black		`#120D16`
Carbon Black		`#130E0A`
Black smoke		`#130E0A`
Jet black		`#000000`
Black ink		`#000000`
Black Ivory		`#000000`
Swarthy		`#2F1E0E`
Licorice		`#2D241E`
Orange		`#ED7F10`
Apricot		`#E67E30`
Aurora		`#FFCB60`
Bis		`#F1E2BE`
Bisque		`#FFE4C4`
Carrot		`#F4661B`
Pumpkin		`#DF6D14`
Coral		`#E73E01`
Copper		`#B36700`
Gamboge		`#EF9B0F`
Mandarin		`#FEA347`
Melon		`#DE9816`
Orange		`#FAA401`
Burnt orange		`#CC5500`
Red		`#AD4F09`
Saffron		`#F3D617`
Salmon		`#F88E55`
Tangerine		`#FF7F00`
Tanned		`#A75502`
Vanilla		`#E1CE9A`
Fawn		`#E9C9B1`
Pink		`#FD6C9E`
Bisque		`#FFE4C4`
Cherry		`#DE3163`
Flesh		`#FEC3AC`
Eggshell		`#FDE9E0`
Nymph thigh		`#FEE7F0`
Raspberry		`#C72C48`
Fuchsia		`#FD3F92`
Heliotrope		`#DF73FF`
Watermelon		`#FE96A0`
Magenta		`#FF00FF`
Dark magenta		`#800080`
Magenta fuchsia		`#DB0073`
Mauve		`#D473D4`
Peach		`#FDBFB7`
Broom pink		`#C4698F`
Candy pink		`#F9429E`
Pink		`#FEBFD2`
Mountbatten pink		`#997A8D`
Tea Rose		`#FF866A`
Bright pink		`#FF007F`
Salmon		`#F88E55`
Red		`#FF0000`
Amaranth		`#91283B`
Bordeaux		`#6D071A`
Brick		`#842E1B`
Cherry		`#BB0B0B`
Coral		`#E73E01`
Scarlet		`#ED0000`
Strawberry		`#BF3030`
Crushed strawberry		`#A42424`
Raspberry		`#C72C48`
Fuchsia		`#FD3F92`
Grenadine		`#E9383F`
Garnet		`#6E0B14`
Watermelon		`#FE96A0`
Carnation		`#FF6F7D`
Magenta		`#FF00FF`
Dark magenta		`#800080`
Magenta fuchsia		`#DB0073`
Mauve		`#D473D4`
Nacarat		`#FC5D5D`
Red ocher		`#DD985C`
Velvet red		`#91283B`
Purple		`#9E0E40`
Plum		`#811453`
Bright pink		`#FF007F`
Alizarin red		`#D90115`
English red		`#F7230C`
Red bismarck		`#A5260A`
Burgundy red		`#6B0D0D`
Red nasturtium		`#FF5E4D`
Cardinal red		`#B82010`
Carmine red		`#960018`
Cinnabar red		`#DB1702`
Cinnabar red		`#FD4626`
Poppy red		`#C60800`
Crimson		`#960018`
Crimson		`#DC143C`
Adrianople red		`#A91101`
Aniline red		`#EB0000`
Falu red		`#801818`
Mars red		`#F7230C`
Crayfish red		`#BC2001`
Flame red		`#FE1B00`
Flame red		`#FF4901`
Madder red		`#EE1010`
Redcurrant		`#CF0A1D`
Poppy red		`#C60800`
Ruby red		`#E0115F`
Blood-red		`#850606`
Tomato red		`#DE2916`
Terracotta red		`#AE4A34`
Turkish red		`#A91101`
Vermilion		`#DB1702`
Vermilion		`#FD4626`
Red purple		`#C71585`
Rust		`#985717`
Oxblood		`#730800`
Senois		`#8D4024`
Terracotta		`#CC4E5C`
Red		`#FF0921`
Zizolin		`#6C0277`
Green		`#00FF00`
Aquamarine		`#79F8F8`
Asparagus		`#7BA05B`
Teal		`#008E8E`
Duck blue		`#048B9A`
Celadon		`#83A697`
Frosted		`#80D0D0`
Glaucous		`#649B88`
Hooker		`#1B4F08`
Jade		`#87E990`
Kaki		`#94812B`
Mint		`#16B84E`
Water mint		`#54F98D`
Green		`#149414`
Turquoise		`#25FDE9`
Green absinthe		`#7FDD4C`
Almond green		`#82C46C`
English green		`#18391E`
Anise		`#9FE855`
Avocado green		`#568203`
Green bottle		`#096A09`
Chartreuse		`#C2F732`
Lime		`#00FF00`
Green chromium		`#18391E`
Green-Grey		`#95A595`
Sap green		`#22780F`
Water green		`#B0F2B6`
Emerald green		`#01D758`
Green empire		`#00561B`
Green spinach		`#175732`
Green grass		`#3A9D23`
Imperial green		`#00561B`
Khaki green		`#798933`
Green lichen		`#85C17E`
Lime green		`#9EFD38`
Malachite green		`#1FA055`
Green larch		`#386F48`
Military green		`#596643`
Moss green		`#679F5A`
Olive green		`#708D23`
Green opaline		`#97DFC6`
Green parrot		`#3AF24B`
Pine green		`#01796F`
Pistachio green		`#BEF574`
Green leek		`#4CA66B`
Green apple		`#34C924`
Green meadow		`#57D53B`
Green prasin		`#4CA66B`
Spring green		`#00FE7E`
Pine green		`#095228`
Sage green		`#689D71`
Smaragdine green		`#01D758`
Lime green		`#A5D152`
Veronese green		`#586F2D`
Viridian		`#40826D`
Purple		`#660099`
Amethyst		`#884DA7`
Eggplant		`#370028`
Persian blue		`#6600FF`
Byzantine		`#BD33A4`
Byzantium		`#702963`
Cherry		`#DE3163`
Colombin		`#6A455D`
Fuchsia		`#FD3F92`
Wistaria		`#C9A0DC`
Gridelin		`#D2CAEC`
Heliotrope		`#DF73FF`
Indigo		`#791CF8`
Indigo		`#2E006C`
Web indigo		`#4B0082`
Lavender		`#9683EC`
Burgundy		`#AC1E44`
Lilac		`#B666D2`
Magenta		`#FF00FF`
Dark magenta		`#800080`
Magenta fuchsia		`#DB0073`
Mauve		`#D473D4`
Orchid		`#DA70D6`
Parma violet		`#CFA0E9`
Purple		`#9E0E40`
Plum		`#811453`
Candy pink		`#F9429E`
Bright pink		`#FF007F`
Red purple		`#C71585`
Bishop purple		`#723E64`
Purple		`#A10684`
Zizolin		`#6C0277`

30 palettes. Your next idea starts here.

Get the free colour kit: HEX/RGB codes and a project worksheet.

Get my free kit →

HTML and HEX colour codes

Choose and convert

Understand the code

Colour code table

Explore further