What is the hex code for Yellow?

The hex code for Yellow is #FFFF00.

What is the RGB value of Yellow?

The RGB value of Yellow is rgb(255, 255, 0).

What is the HSL value of Yellow?

The HSL value of Yellow is hsl(60, 100%, 50%).

What is the HSV value of Yellow?

The HSV value of Yellow is hsv(60, 100%, 100%).

What CSS code do I use for Yellow?

Use background-color: #FFFF00; for background, color: #FFFF00; for text, or border: 1px solid #FFFF00; for borders.

Yellow Hex #FFFF00: HTML Color Codes & CSS

Yellow (#FFFF00) Color Codes & Conversions

Color Preview

Make a gradient with Yellow →

Opens Yellow with a similar color in the generator: change the colors or the gradient type, then copy the CSS or download.

Want a palette around Yellow? Use the Color Palette Generator →

Technical Color Values (Hex, RGB, HSV, HSL, OKLCH)

HTML Name	yellow
Hex	#FFFF00
RGB	rgb(255, 255, 0)
HSV	hsv(60, 100%, 100%)
HSL	hsl(60, 100%, 50%)
OKLCH	oklch(96.8% 0.211 109.77)

What is the color name for #FFFF00?

#FFFF00 color name is Yellow.

Color Information

The HTML color Yellow has the hexadecimal code #FFFF00 and in the RGB color space is composed of 100% red, 100% green, and 0% blue. The color Yellow has a hue angle of 60 degrees, a saturation of 100% and a lightness of 50%.

Yellow CSS Code Snippets

.bg-yellow { background-color: #FFFF00; }

.text-yellow { color: #FFFF00; }

.border-yellow { border: 1px solid #FFFF00; }

.gradient-shade-yellow { background: linear-gradient(135deg, #FFFF00, #C2C200); }

.gradient-tint-yellow { background: linear-gradient(135deg, #FFFF00, #FFFF3D); }

.gradient-mono-yellow { background: linear-gradient(135deg, #FFFF00, #DBDB00); }

Yellow Shades

#F5F500

#EBEB00

#E0E000

#D6D600

#CCCC00

#C2C200

Yellow Tints

#FFFF0A

#FFFF14

#FFFF1F

#FFFF29

#FFFF33

#FFFF3D

Yellow Tones

#EEEE11

#DEDE21

#CDCD32

#BDBD42

#ACAC53

#9C9C63

Yellow Monochromatic

#DBDB00

#B6B600

#929200

#6D6D00

#494900

#242400

Similar Colors to Yellow

#FFAA00

#FFCC00

#FFEE00

#EEFF00

#CCFF00

#AAFF00

Yellow Color Harmonies

Complementary Open in the color wheel →

#FFFF00

#0000FF

Analogous Open in the color wheel →

#FF0000

#FF8000

#FFFF00

#80FF00

#00FF00

Triadic Open in the color wheel →

#FFFF00

#00FFFF

#FF00FF

Split Complementary Open in the color wheel →

#FFFF00

#0080FF

#8000FF

Generate a Gradient

Generate a shade gradient →

Generate a tint gradient →

Generate a tone gradient →

Generate a monochromatic gradient →

Generate a similar color gradient →

CSS Gradient Generator

Yellow (#FFFF00) Color Codes & Conversions

Color Preview

Technical Color Values (Hex, RGB, HSV, HSL, OKLCH)

What is the color name for #FFFF00?

Color Information

Yellow CSS Code Snippets

Yellow Shades

Yellow Tints

Yellow Tones

Yellow Monochromatic

Similar Colors to Yellow

Yellow Color Harmonies

Generate a Gradient