CSS named color
Aquamarine
#7FFFD4
HEX
#7fffd4RGB
rgb(127, 255, 212)HSL
hsl(160, 100%, 75%)OKLCH
oklch(91.50% 0.1304 168.99)NAME
aquamarinePalette
Complementary
180° on the color wheelComplement
#FF80AA
Analogous
±30° around the base hueLeft
#80FF95
Right
#80EAFF
Triadic
±120° for harmonic contrastTriad 1
#D580FF
Triad 2
#FFD480
Shades
Lighter and darker variantsCSS usage
By name
color: aquamarine;
background-color: aquamarine;By HEX
color: #7fffd4;
background-color: #7fffd4;By RGB
color: rgb(127, 255, 212);
background-color: rgb(127, 255, 212);By HSL
color: hsl(160, 100%, 75%);
background-color: hsl(160, 100%, 75%);WCAG contrast vs white
Aa
1.22:1
Below minimum
WCAG contrast vs black
Aa
17.16:1
AAA
Related colors
FAQ — Aquamarine
What is the HEX code for Aquamarine?
The HEX code for Aquamarine is #7FFFD4. It's one of the 148 named CSS colors and can be used directly in CSS as color: aquamarine; or color: #7fffd4;
What is Aquamarine in RGB?
Aquamarine in RGB is rgb(127, 255, 212) — red 127, green 255, blue 212.
What is Aquamarine in HSL?
Aquamarine in HSL is hsl(160, 100%, 75%) — hue 160°, saturation 100%, lightness 75%.
What is the complementary color of Aquamarine?
The complementary color (directly opposite Aquamarine on the color wheel) is #FF80AA. The two together produce maximum contrast.
Is white text readable on Aquamarine?
The WCAG contrast ratio against white (#FFFFFF) is 1.22:1, and against black (#000000) it's 17.16:1. Black text is more readable. WCAG recommends at least 4.5:1 for body text.