HEX Color #00FFD3 (Aquamarine)

About #00FFD3

At its core, #00FFD3 is a medium and vivid hue. If you're using CSS, you might find it aligns closely with Aquamarine. Its digital footprint relies on 0 parts red, 255 parts green, and 211 parts blue light.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). This specific hue requires a mix of 100% C, 0% M, 17% Y, and 0% K. The HSL representation is 169.6° hue, 100.0% saturation, and 50.0% lightness.

From a UX and accessibility standpoint, contrast is paramount. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#00FFD3

RGB0, 255, 211

HSL169.6°, 100.0%, 50.0%

CMYK100%, 0%, 17%, 0%

HSV169.6°, 100.0%, 100.0%

LAB90.0, -59.9, 7.0

XYZ47.5, 76.2, 73.8

Decimal65491

Color Harmonies

Complementary

#00FFD3 #FF002C

Analogous

#00FF53 #00ABFF

Triadic

#D200FF #FFD200

Tetradic

#5300FF #FF002C #ABFF00

Tints, Shades & Tones

Tints (Adding White)

#00FFD3

#1CFFD7

#38FFDC

#55FFE1

#71FFE6

#8DFFEB

#AAFFF0

#C6FFF5

#E2FFFA

#FFFFFF

Shades (Adding Black)

#00FFD3

#00E2BB

#00C6A4

#00AA8C

#008D75

#00715D

#005546

#00382E

#001C17

#000000

WCAG Contrast Accessibility

1.29:1

Text on #FFFFFF

FAIL

16.24:1

Text on #000000

AAA

1.24:1

Text on #F8FAFC

FAIL

13.81:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #00FFD3; }

.text-color { color: #00FFD3; }

.border-color { border: 2px solid #00FFD3; }

Similar Colors

Aquamarine

#7FFFD4