HTML Color Code Converter

Pick a color below and convert it to HEX, RGB, HSL, and CMYK formats.

255

100

Analogous

Monochromatic

Complementary

Split Complementary

Triad

Tetrad

HEX

#FF8E00

RGB

255, 0, 0

HSL

0, 100%, 50%

CMYK

0, 100%, 100%, 0%

Color Gradient Suggestions

Everlasting Sky

135 Deg#FDFCFB#E2D1C3

Fresh Milk

0 Deg#FEADA6#F5EFEF

Juicy Peach

90 Deg#FFECD2#FCB69F

Nega

45 Deg#EE9CA7#FFDDE1

Gentle Care

90 Deg#FFC3A0#FFAFBD

Angel Care

135 Deg#FFE2A1#FF739C

Lady Lips

0 Deg#FF9A9E#FECFEF

Warm Flame

45 Deg#FF9A9E#FAD0C4

Strong Bliss4

-90 Deg#FE9B8D#F78DA1

Passionate Bed

90 Deg#FF758C#FF7EB3

Heavy Rain

0 Deg#CFD9DF#E2EBF0

Cloudy Knoxville

110 Deg#FDFBFB#EBEDEE

Saint Petersberg

120 Deg#F5F7FA#C3CFE2

Clean Mirror

45 Deg#93A5CF#E4EFE9

Cochiti Lake

45 Deg#93A5CF#E4EFE9

Winter Neva

110 Deg#A1C4FD#C2E9FB

Plum Plate

120 Deg#667EEA#764BA2

Happy Fisher

110 Deg#89F7FE#66A6FF

Fly High

0 Deg#48C6EF#6F86D6

Great Whale

0 Deg#A3BDED#6991C7

Aqua Splash

30 Deg#13547A#80D0C7

Desert Hump

0 Deg#C79081#DFA579

Healthy Water

45 Deg#96DEDA#50C9C3

Night Sky

0 Deg#1E3C72#2A5298

Morning Salad

135 Deg#B7F8DB#50A7C2

Deep Relief

135 Deg#DEFEF7#7088B9

Mountain Rock

90 Deg#868F96#596164

Eternal Constance

0 Deg#09203F#537895

Vicious Stance

30 Deg#29323C#485563

Premium Dark

90 Deg#434343#000000

Common Color Names and Color Code

COLOR

NAME

HEX and RGB Codes

maroon

#800000 rgb(128,0,0)

dark red

#8B0000 rgb(139,0,0)

brown

#A52A2A rgb(165,42,42)

firebrick

#B22222 rgb(178,34,34)

crimson

#DC143C rgb(220,20,60)

red

#FF0000 rgb(255,0,0)

tomato

#FF6347 rgb(255,99,71)

coral

#FF7F50 rgb(255,127,80)

indian red

#CD5C5C rgb(205,92,92)

light coral

#F08080 rgb(240,128,128)

dark salmon

#E9967A rgb(233,150,122)

salmon

#FA8072 rgb(250,128,114)

light salmon

#FFA07A rgb(255,160,122)

orange red

#FF4500 rgb(255,69,0)

dark orange

#FF8C00 rgb(255,140,0)

orange

#FFA500 rgb(255,165,0)

gold

#FFD700 rgb(255,215,0)

dark golden rod

#B8860B rgb(184,134,11)

golden rod

#DAA520 rgb(218,165,32)

pale golden rod

#EEE8AA rgb(238,232,170)

dark khaki

#BDB76B rgb(189,183,107)

khaki

#F0E68C rgb(240,230,140)

olive

#808000 rgb(128,128,0)

yellow

#FFFF00 rgb(255,255,0)

yellow green

#9ACD32 rgb(154,205,50)

dark olive green

#556B2F rgb(85,107,47)

olive drab

#6B8E23 rgb(107,142,35)

lawn green

#7CFC00 rgb(124,252,0)

chart reuse

#7FFF00 rgb(127,255,0)

green yellow

#ADFF2F rgb(173,255,47)

dark green

#006400 rgb(0,100,0)

green

#008000 rgb(0,128,0)

forest green

#228B22 rgb(34,139,34)

lime

#00FF00 rgb(0,255,0)

lime green

#32CD32 rgb(50,205,50)

light green

#90EE90 rgb(144,238,144)

pale green

#98FB98 rgb(152,251,152)

dark sea green

#8FBC8F rgb(143,188,143)

medium spring green

#00FA9A rgb(0,250,154)

spring green

#00FF7F rgb(0,255,127)

sea green

#2E8B57 rgb(46,139,87)

medium aqua marine

#66CDAA rgb(102,205,170)

medium sea green

#3CB371 rgb(60,179,113)

light sea green

#20B2AA rgb(32,178,170)

dark slate gray

#2F4F4F rgb(47,79,79)

teal

#008080 rgb(0,128,128)

dark cyan

#008B8B rgb(0,139,139)

aqua

#00FFFF rgb(0,255,255)

cyan

#00FFFF rgb(0,255,255)

light cyan

#E0FFFF rgb(224,255,255)

dark turquoise

#00CED1 rgb(0,206,209)

turquoise

#40E0D0 rgb(64,224,208)

medium turquoise

#48D1CC rgb(72,209,204)

pale turquoise

#AFEEEE rgb(175,238,238)

aqua marine

#7FFFD4 rgb(127,255,212)

powder blue

#B0E0E6 rgb(176,224,230)

cadet blue

#5F9EA0 rgb(95,158,160)

steel blue

#4682B4 rgb(70,130,180)

corn flower blue

#6495ED rgb(100,149,237)

deep sky blue

#00BFFF rgb(0,191,255)

dodger blue

#1E90FF rgb(30,144,255)

light blue

#ADD8E6 rgb(173,216,230)

sky blue

#87CEEB rgb(135,206,235)

light sky blue

#87CEFA rgb(135,206,250)

midnight blue

#191970 rgb(25,25,112)

navy

#000080 rgb(0,0,128)

dark blue

#00008B rgb(0,0,139)

medium blue

#0000CD rgb(0,0,205)

blue

#0000FF rgb(0,0,255)

royal blue

#4169E1 rgb(65,105,225)

blue violet

#8A2BE2 rgb(138,43,226)

indigo

#4B0082 rgb(75,0,130)

dark slate blue

#483D8B rgb(72,61,139)

slate blue

#6A5ACD rgb(106,90,205)

medium slate blue

#7B68EE rgb(123,104,238)

medium purple

#9370DB rgb(147,112,219)

dark magenta

#8B008B rgb(139,0,139)

dark violet

#9400D3 rgb(148,0,211)

dark orchid

#9932CC rgb(153,50,204)

medium orchid

#BA55D3 rgb(186,85,211)

purple

#800080 rgb(128,0,128)

thistle

#D8BFD8 rgb(216,191,216)

plum

#DDA0DD rgb(221,160,221)

violet

#EE82EE rgb(238,130,238)

magenta / fuchsia

#FF00FF rgb(255,0,255)

orchid

#DA70D6 rgb(218,112,214)

medium violet red

#C71585 rgb(199,21,133)

pale violet red

#DB7093 rgb(219,112,147)

deep pink

#FF1493 rgb(255,20,147)

hot pink

#FF69B4 rgb(255,105,180)

light pink

#FFB6C1 rgb(255,182,193)

pink

#FFC0CB rgb(255,192,203)

antique white

#FAEBD7 rgb(250,235,215)

beige

#F5F5DC rgb(245,245,220)

bisque

#FFE4C4 rgb(255,228,196)

blanched almond

#FFEBCD rgb(255,235,205)

wheat

#F5DEB3 rgb(245,222,179)

corn silk

#FFF8DC rgb(255,248,220)

lemon chiffon

#FFFACD rgb(255,250,205)

light golden rod yellow

#FAFAD2 rgb(250,250,210)

light yellow

#FFFFE0 rgb(255,255,224)

saddle brown

#8B4513 rgb(139,69,19)

sienna

#A0522D rgb(160,82,45)

chocolate

#D2691E rgb(210,105,30)

peru

#CD853F rgb(205,133,63)

sandy brown

#F4A460 rgb(244,164,96)

burly wood

#DEB887 rgb(222,184,135)

tan

#D2B48C rgb(210,180,140)

rosy brown

#BC8F8F rgb(188,143,143)

moccasin

#FFE4B5 rgb(255,228,181)

navajo white

#FFDEAD rgb(255,222,173)

peach puff

#FFDAB9 rgb(255,218,185)

misty rose

#FFE4E1 rgb(255,228,225)

lavender blush

#FFF0F5 rgb(255,240,245)

linen

#FAF0E6 rgb(250,240,230)

old lace

#FDF5E6 rgb(253,245,230)

papaya whip

#FFEFD5 rgb(255,239,213)

sea shell

#FFF5EE rgb(255,245,238)

mint cream

#F5FFFA rgb(245,255,250)

slate gray

#708090 rgb(112,128,144)

light slate gray

#778899 rgb(119,136,153)

light steel blue

#B0C4DE rgb(176,196,222)

lavender

#E6E6FA rgb(230,230,250)

floral white

#FFFAF0 rgb(255,250,240)

alice blue

#F0F8FF rgb(240,248,255)

ghost white

#F8F8FF rgb(248,248,255)

honeydew

#F0FFF0 rgb(240,255,240)

ivory

#FFFFF0 rgb(255,255,240)

azure

#F0FFFF rgb(240,255,255)

snow

#FFFAFA rgb(255,250,250)

black

#000000 rgb(0,0,0)

dim gray / dim grey

#696969 rgb(105,105,105)

gray / grey

#808080 rgb(128,128,128)

dark gray / dark grey

#A9A9A9 rgb(169,169,169)

silver

#C0C0C0 rgb(192,192,192)

light gray / light grey

#D3D3D3 rgb(211,211,211)

gainsboro

#DCDCDC rgb(220,220,220)

white smoke

#F5F5F5 rgb(245,245,245)

white

#FFFFFF rgb(255,255,255)

Popular Color Palatte

What are HTML color codes?
HTML color codes define the visual appearance of elements on webpages, like text, backgrounds, and borders. There are a few different ways to specify these colors:

1. Using Color Names (Simple but Limited):
HTML offers a set of predefined color names that you can use directly in your code. These are easy to remember and represent common colors. Here are some examples:
    • red
    • green
    • blue
    • yellow
    • purple
    • black
    • white

While convenient, color names have limitations. They might not provide the exact shade you want, and browser support for less common names can vary.

2. Hexadecimal Codes (Most Popular and Precise):
This is the most widely used method for specifying HTML colors. Hex codes represent colors using a 6-digit alphanumeric value preceded by a hash symbol (#). Each pair of digits corresponds to the intensity of red, green, and blue (RGB) components in the color, ranging from 00 (no intensity) to FF (maximum intensity).

Here's how it works:
    • #FF0000 - Pure red (FF for maximum red, 00 for no green and blue)
    • #00FF00 - Pure green
    • #FFFFFF - White (all color components at maximum intensity)
    • #C0C0C0 - A shade of gray (equal parts red, green, and blue at medium intensity)
    • Hex codes offer a vast range of colors and allow for precise control over their shades.

3. RGB Values (Alternative to Hex):
Colors can also be defined using the RGB (Red, Green, Blue) color model. Each color component has a value between 0 (black, minimum intensity) and 255 (white, maximum intensity).

4. HSLA Colors (Less Common but Advanced):
HSLA (Hue, Saturation, Lightness, Alpha) is another color model defining color based on hue (color angle), saturation (amount of color), lightness (brightness), and alpha (opacity). It's useful for creating variations of a base color.

HSLA is less commonly used due to its slightly more complex syntax but can be valuable for specific design needs.

Choosing the Right Method:

    • For basic color needs, color names are a good starting point.
    • For maximum control and a wider color range, hex codes are the preferred choice.
    • If you're comfortable with RGB values, that method works as well.
    • HSLA offers advanced color manipulation but might have a steeper learning curve.