What is the hex code for Aqua?

The hex code for Aqua is #00FFFF.

What is the RGB value of Aqua?

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

What is the HSL value of Aqua?

The HSL value of Aqua is hsl(180, 100%, 50%).

What is the HSV value of Aqua?

The HSV value of Aqua is hsv(180, 100%, 100%).

What CSS code do I use for Aqua?

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

Aqua Hex #00FFFF: HTML Color Code & Gradients

Aqua (#00FFFF) Color Codes & Gradients

Color Preview

Make a gradient with Aqua →

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

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

HTML Name	aqua
Hex	#00FFFF
RGB	rgb(0, 255, 255)
HSV	hsv(180, 100%, 100%)
HSL	hsl(180, 100%, 50%)
OKLCH	oklch(90.54% 0.1546 194.77)

What is the color name for #00FFFF?

#00FFFF color name is Aqua.

Color Information

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

Aqua CSS Code Snippets

Background Color

.bg-aqua { background-color: #00FFFF; }

Text Color

.text-aqua { color: #00FFFF; }

Border Color

.border-aqua { border: 1px solid #00FFFF; }

Shade Gradient

.gradient-shade-aqua { background: linear-gradient(135deg, #00FFFF, #00A3A3); }

Tint Gradient

.gradient-tint-aqua { background: linear-gradient(135deg, #00FFFF, #5CFFFF); }

Monochromatic Gradient

.gradient-mono-aqua { background: linear-gradient(135deg, #00FFFF, #00DBDB); }

Aqua Shades

#00F0F0

#00E0E0

#00D1D1

#00C2C2

#00B2B3

#00A3A3

Aqua Tints

#0FFFFF

#1FFFFF

#2EFFFF

#3DFFFF

#4DFFFF

#5CFFFF

Aqua Tones

#11EEEE

#21DEDE

#32CDCD

#42BDBD

#53ACAC

#639C9C

Aqua Monochromatic

#00DBDB

#00B6B6

#009292

#006D6D

#004949

#002424

Similar Colors to Aqua

#00FFAA

#00FFCC

#00FFEE

#00EEFF

#00CCFF

#00AAFF

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