CSS named color
Aqua
#00FFFF
HEX
#00ffffRGB
rgb(0, 255, 255)HSL
hsl(180, 100%, 50%)OKLCH
oklch(90.54% 0.1546 194.77)NAME
aquaPalette
Complementary
180° on the color wheelAnalogous
±30° around the base hueLeft
#00FF80
Right
#007FFF
Triadic
±120° for harmonic contrastShades
Lighter and darker variantsCSS usage
By name
color: aqua;
background-color: aqua;By HEX
color: #00ffff;
background-color: #00ffff;By RGB
color: rgb(0, 255, 255);
background-color: rgb(0, 255, 255);By HSL
color: hsl(180, 100%, 50%);
background-color: hsl(180, 100%, 50%);WCAG contrast vs white
Aa
1.25:1
Below minimum
WCAG contrast vs black
Aa
16.75:1
AAA
Related colors
FAQ — Aqua
What is the HEX code for Aqua?
The HEX code for Aqua is #00FFFF. It's one of the 148 named CSS colors and can be used directly in CSS as color: aqua; or color: #00ffff;
What is Aqua in RGB?
Aqua in RGB is rgb(0, 255, 255) — red 0, green 255, blue 255.
What is Aqua in HSL?
Aqua in HSL is hsl(180, 100%, 50%) — hue 180°, saturation 100%, lightness 50%.
What is the complementary color of Aqua?
The complementary color (directly opposite Aqua on the color wheel) is #FF0000. The two together produce maximum contrast.
Is white text readable on Aqua?
The WCAG contrast ratio against white (#FFFFFF) is 1.25:1, and against black (#000000) it's 16.75:1. Black text is more readable. WCAG recommends at least 4.5:1 for body text.