- No data uploaded
- Instant results
Aqua — #00FFFF
Aqua is the CSS named colour aqua, hex #00FFFF. It has a contrast ratio of 1.25:1 on white and 16.75:1 on black — best used as text on dark backgrounds.
Aqua — #00FFFF
Contrast on white 1.25:1 · on black 16.75:1
Tints
Shades
Complementary
Triadic
Analogous
Using Aqua in code
CSS: color: aqua; or color: #00FFFF; · Tailwind: text-[#00FFFF] · Android/Flutter: 0xFF00FFFF
Aqua colour harmonies
Complementary: #FF0000 · Triadic: #FF00FF, #FFFF00 · Analogous: #00FF80, #0080FF. Use tints for backgrounds and shades for hover states.
Aqua in every colour format
| Format | Value |
|---|---|
| HEX | #00FFFF |
| RGB | rgb(0, 255, 255) |
| HSL | hsl(180, 100%, 50%) |
| HSV | hsv(180, 100%, 100%) |
| CMYK | cmyk(100%, 0%, 0%, 0%) |
| CSS name | aqua |
| Contrast on white | 1.25:1 |
| Contrast on black | 16.75:1 |
Frequently asked questions
What is the hex code for Aqua?
#00FFFF (CSS name: aqua).
What is Aqua in RGB?
rgb(0, 255, 255)
What colour goes well with Aqua?
Its complementary colour #FF0000, or the analogous #00FF80 and #0080FF.