CSS named color
MediumAquamarine
#66CDAA
HEX
#66cdaaRGB
rgb(102, 205, 170)HSL
hsl(160, 51%, 60%)OKLCH
oklch(77.67% 0.1098 168.82)NAME
mediumaquamarinePalette
Complementary
180° on the color wheelComplement
#CD6588
Analogous
±30° around the base hueLeft
#65CD76
Right
#65BCCD
Triadic
±120° for harmonic contrastTriad 1
#AA65CD
Triad 2
#CDAA65
Shades
Lighter and darker variantsCSS usage
By name
color: mediumaquamarine;
background-color: mediumaquamarine;By HEX
color: #66cdaa;
background-color: #66cdaa;By RGB
color: rgb(102, 205, 170);
background-color: rgb(102, 205, 170);By HSL
color: hsl(160, 51%, 60%);
background-color: hsl(160, 51%, 60%);WCAG contrast vs white
Aa
1.93:1
Below minimum
WCAG contrast vs black
Aa
10.88:1
AAA
Related colors
FAQ — MediumAquamarine
What is the HEX code for MediumAquamarine?
The HEX code for MediumAquamarine is #66CDAA. It's one of the 148 named CSS colors and can be used directly in CSS as color: mediumaquamarine; or color: #66cdaa;
What is MediumAquamarine in RGB?
MediumAquamarine in RGB is rgb(102, 205, 170) — red 102, green 205, blue 170.
What is MediumAquamarine in HSL?
MediumAquamarine in HSL is hsl(160, 51%, 60%) — hue 160°, saturation 51%, lightness 60%.
What is the complementary color of MediumAquamarine?
The complementary color (directly opposite MediumAquamarine on the color wheel) is #CD6588. The two together produce maximum contrast.
Is white text readable on MediumAquamarine?
The WCAG contrast ratio against white (#FFFFFF) is 1.93:1, and against black (#000000) it's 10.88:1. White text is more readable. WCAG recommends at least 4.5:1 for body text.