greenneutralCSS named color

Aquamarine #7FFFD4

Aquamarine is a light, highly saturated gray color with a neutral cast. Defined as one of the 148 CSS named colors in the W3C CSS Color Module Level 4 specification.

Use cases: Success states · Nature brands

Open in generator →Colors that go with aquamarine →

Families: Greens · Mint Colors

Color values

FormatValue
HEX#7FFFD4
RGBrgb(127, 255, 212)
HSLhsl(160, 100%, 75%)
HSVhsv(160, 50%, 100%)
OKLCHoklch(91.5% 0.13 169)
OKLaboklab(91.5% -0.128 0.0249)
CMYKcmyk(50.2%, 0%, 16.9%, 0%)
XYZxyz(56.3908, 80.7806, 74.8952)
CIE-LABlab(92.0, -45.5, 9.7)
CIE-LCHlch(92.0, 46.6, 167.9°)
Luminance0.808 (WCAG relative)
/* Aquamarine */ --aquamarine: #7fffd4; color: #7fffd4; background-color: #7fffd4;

Source: W3C CSS named color. CSS keyword: aquamarine.

Collections: Tropical Colors

Shade scale

Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →

50
100
200
300
400
500
600
700
800
900
950

OKLCH ramp (perceptually uniform, modern CSS)

50
100
200
300
400
500
600
700
800
900
950

Shades (toward black)

#72e2bc #66c6a6 #59ab8f #4d9179 #417764 #365e50 #2a473c #1f312a #141c18 #000000

Tints (toward white)

#8fffd8 #9effdd #acffe1 #b9ffe5 #c6ffe9 #d2ffee #ddfff2 #e9fff6 #f4fffb #ffffff

Tones (toward gray)

#8dfdd6 #9afbd8 #a5f9da #b0f7dc #baf5de #c4f2e0 #cef0e2 #d7ede4 #e0ebe6 #e8e8e8

Color harmonies

Complementary

Edit in generator →
#7FFFD4
#FF7FAA
#7fffd4 #ff7faa

Analogous

Edit in generator →
#7FFF94
#7FFFD4
#7FEAFF
#7fff94 #7fffd4 #7feaff

Triadic

Edit in generator →
#7FFFD4
#D47FFF
#FFD47F
#7fffd4 #d47fff #ffd47f

Tetradic

Edit in generator →
#7FFFD4
#947FFF
#FF7FAA
#EAFF7F
#7fffd4 #947fff #ff7faa #eaff7f

Square

Edit in generator →
#7FFFD4
#947FFF
#FF7FAA
#EAFF7F
#7fffd4 #947fff #ff7faa #eaff7f

Split Complementary

Edit in generator →
#7FFFD4
#FF7FEA
#FF947F
#7fffd4 #ff7fea #ff947f

Monochromatic

Edit in generator →
#05FFAB
#42FFBF
#7FFFD4
#BCFFE9
#E0FFF5
#05ffab #42ffbf #7fffd4 #bcffe9 #e0fff5

Accessibility & contrast

1.22
#7FFFD4 on #FFFFFF
AA text ✗AA large ✗AAA text ✗UI 3:1 ✗
17.16
#7FFFD4 on #000000
AA text ✓AA large ✓AAA text ✓UI 3:1 ✓

Best text on aquamarine

17.16
#000000 text

WCAG 2.1: AA needs ≥4.5:1 for normal text, ≥3:1 for large text and UI components; AAA needs ≥7:1 / ≥4.5:1. Open the contrast checker →

Color blindness preview

Simulation using the Machado et al. (2009) physiological model, severity 1.0. This is an approximation of perception — not a medical assessment.

Normal vision
Protanopia (red-blind)
#F9F1D2
Deuteranopia (green-blind)
#E6E2D7
Tritanopia (blue-blind)
#4CFFF3

Closest named colors

Nearest matches by CIEDE2000 perceptual distance (ΔE₀₀) across the full color database.

ColorNameΔE₀₀
Light Aqua #8CFFDB1.97
Light Turquoise #7EF4CC2.31
Light Aquamarine #7BFDC72.74
Pale Turquoise #A5FBD54.35
Bright Teal #01F9C65.22
Tiffany Blue #7BF2DA5.64

Colors that go with aquamarine

Top matches by hue harmony, contrast and saturation compatibility. See all 10 ranked combinations →

Spruce #0A5F38
6.3:1
Same hue family as aquamarine (Δh 7°) — guaranteed harmony
Denim #1560BD
5.0:1
Warm/cool bridge (Δh 53°) — adds depth without tension
Medium Brown #7F5112
5.6:1
Triadic harmony (Δh ≈125°) — balanced three-way contrast
Brick #A03623
5.6:1
Split-complementary angle (Δh ≈151°) — strong but softer than direct complement
Burgundy #800020
8.8:1
Complementary hue (Δh ≈175°) — maximum hue contrast

Values computed from the sRGB color model. CMYK is the naive sRGB conversion without an ICC profile. RGB percentages may differ between color-managed applications.