HEX Color #00F0CC (Aquamarine)

About #00F0CC

The precise color #00F0CC is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Aquamarine. To achieve this exact tint on a monitor, you would use an RGB mix of 0, 240, and 204.

For print applications, it's crucial to understand its CMYK makeup. Its ink density profile breaks down to 100% cyan, 0% magenta, 15% yellow, and 6% black. With a hue angle of 171.0 degrees, it sits comfortably in the cyan spectrum.

Contrast ratios determine whether this color is safe for typography. Because it is a medium color, it is generally recommended to use #000000 text. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#00F0CC

RGB0, 240, 204

HSL171.0°, 100.0%, 47.1%

CMYK100%, 0%, 15%, 6%

HSV171.0°, 100.0%, 94.1%

LAB85.3, -55.8, 4.0

XYZ42.1, 66.7, 67.8

Decimal61644

Color Harmonies

Complementary

#00F0CC #EF0024

Analogous

#00EF54 #009BEF

Triadic

#CB00EF #EFCB00

Tetradic

#5400EF #EF0024 #9BEF00

Tints, Shades & Tones

Tints (Adding White)

#00F0CC

#1CF1D1

#38F3D7

#55F5DD

#71F6E2

#8DF8E8

#AAFAEE

#C6FBF3

#E2FDF9

#FFFFFF

Shades (Adding Black)

#00F0CC

#00D5B5

#00BA9E

#00A088

#008571

#006A5A

#005044

#00352D

#001A16

#000000

WCAG Contrast Accessibility

1.46:1

Text on #FFFFFF

FAIL

14.34:1

Text on #000000

AAA

1.40:1

Text on #F8FAFC

FAIL

12.19:1

Text on #0F172A

AAA

CSS Implementation

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

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

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

Similar Colors

Aquamarine

#7FFFD4