Coloried

Aquamarine

Aquamarine color is a rich shade of light aqua. Its hex code is #7FFFD4 and rgb code is rgb(127, 255, 212), Its CMYK value is cmyk(50%, 0%, 17%, 0%), and Its HSL value is hsl(160, 100%, 75%). The contrast ratio against white is 1.22:1, and against black, contrast ratio is 17.16:1. Its complementary color is #FF80AA and closest tailwind color is teal-200. This color goes well with #00BFE6, #00E626, #009966, #FF1AD9, and #FF401A. To recreate the Aquamarine color, you can mix #00FFFF and #FEFFA9.

Aquamarine color code
|
1. Color Conversions
HEX#7FFFD4
RGB127, 255, 212
HSL160°, 100%, 75%
HSV160°, 100%, 100%
CMYK50%, 0%, 17%, 0%
Web Safe#66FFCC
2. Contrast Ratio
Text on #FFFFFF1.22:1
Fail LargeFail Normal
Text on #00000017.16:1
AAA LargeAAA Normal
3. Aquamarine Color Code in CSS
HEX
#7FFFD4
RGB
rgb(127, 255, 212)
HSL
hsl(160, 100%, 75%)
Text Color
color: #7FFFD4;
Background
background-color: #7FFFD4;
Border Color
border-color: #7FFFD4;
Box Shadow
box-shadow: 0 4px 14px 0 #7FFFD480;
SCSS
$color-aquamarine: #7FFFD4;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#B6B8DE
Deuteranopia#AFA5E1
Tritanopia#85E7E8
Achromatopsia#D4D4D4
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive
Similar Colors
Light Turquoise#7EF4CC
Ice Green#ADFADF
Bright Teal#01F9C6
Eucalyptus#44D7A8
Greenish Cyan#2AFEB7
Pale Teal#82CBB2
Light Mint#99F2C4
Greenish Turquoise#00FBB0
Pale Mint Green#C2E5D3
Caribbean Green#00CC99
Color Ideas
Pale Gold#FDDE6C
Pale Green#98FB98
Pale Lavender#DCD0FF
Pale Lilac#E4CBFF
Pale Lime#D5EDAB
Pale Mauve#C6A4A4
Pale Mint#96CEB4
Pale Mint Green#C2E5D3
Pale Orange#FFDFBF
Pale Pink#FADADD
About Aquamarine
Color Name
Aquamarine
HEX
#7FFFD4
Color Family
teal
X11 Name
Aquamarine
LAB
91.50, -12.80, 2.48
Preview Text
Aa