#00FFFF
Aqua
Aqua is identical to cyan in hex value but carries a water-inspired association. It evokes tropical waters, cleanliness, and refreshment.
Aqua Color Values
HEX#00FFFF
RGB0, 255, 255
HSL180°, 100%, 50%
HSV180°, 100%, 100%
CMYK100%, 0%, 0%, 0%
Color Blindness Simulation
Protanopia
Red-blind. Cannot perceive red light.
Sees: #EDF2FF (~1.3% of males)
Deuteranopia
Green-blind. Cannot perceive green light.
Sees: #D0DDFF (~1.2% of males)
Tritanopia
Blue-blind. Cannot perceive blue light.
Sees: #00FFFF (~0.01% of population)
Achromatopsia
Total color blindness. Sees only grayscale.
Sees: #DADADA (~0.003% of population)
Aqua as Text Color
Aqua on White
1.3:1FAIL
Aqua on Light Gray
1.2:1FAIL
Aqua on Cream
1.2:1FAIL
Aqua on Dark
13.6:1AAA
Aqua on Black
16.7:1AAA
Aqua on Soft Blue
1.1:1FAIL
Aqua on Soft Green
1.1:1FAIL
Aqua on Soft Pink
1.0:1FAIL
Nearest Tailwind Class
sky-400
#38BDF8
Nearest Pantone Match
Pantone 2995 C
#00A3E0
CSS Variable Export
:root {
--color-aqua: #00FFFF;
--color-aqua-rgb: 0, 255, 255;
}Tailwind Config
// tailwind.config.js
colors: {
'aqua': '#00FFFF',
}Shades of Aqua
#00FFFF
#00E0E0
#00C7C7
#00A8A8
#008F8F
#007070
#005757
#003838
#001F1F
#000000
Tints of Aqua
#00FFFF
#1FFFFF
#38FFFF
#57FFFF
#70FFFF
#8FFFFF
#A8FFFF
#C7FFFF
#E0FFFF
#FFFFFF
Color Harmonies
Complementary
#00FFFF
#FF0000
Analogous
#00FF80
#00FFFF
#007FFF
Triadic
#00FFFF
#FF00FF
#FFFF00
Aqua Text Preview
Heading in Aqua
Body text in Aqua. The quick brown fox jumps over the lazy dog.
White on Aqua
Body text on a Aqua background.
Aqua text on dark background
Contrast: 14.1:1