HEX Color #00CCA0 (Mediumaquamarine)

About #00CCA0

The precise color #00CCA0 is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Mediumaquamarine. In the RGB color space, it consists of 0 red, 204 green, and 160 blue.

For print applications, it's crucial to understand its CMYK makeup. The color uses 100% Cyan, 0% Magenta, 22% Yellow, and 20% Black. This makes it a relatively light color when applied to physical surfaces.

When using this color as a background, text legibility must be considered. 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#00CCA0

RGB0, 204, 160

HSL167.1°, 100.0%, 40.0%

CMYK100%, 0%, 22%, 20%

HSV167.1°, 100.0%, 80.0%

LAB73.4, -52.8, 10.1

XYZ27.9, 45.7, 40.6

Decimal52384

Color Harmonies

Complementary

#00CCA0 #CC002B

Analogous

#00CC39 #0092CC

Triadic

#9F00CC #CC9F00

Tetradic

#3900CC #CC002B #92CC00

Tints, Shades & Tones

Tints (Adding White)

#00CCA0

#1CD1AA

#38D7B5

#55DDBF

#71E2CA

#8DE8D4

#AAEEDF

#C6F3E9

#E2F9F4

#FFFFFF

Shades (Adding Black)

#00CCA0

#00B58E

#009E7C

#00886A

#007158

#005A47

#004435

#002D23

#001611

#000000

WCAG Contrast Accessibility

2.07:1

Text on #FFFFFF

FAIL

10.14:1

Text on #000000

AAA

1.98:1

Text on #F8FAFC

FAIL

8.62:1

Text on #0F172A

AAA

CSS Implementation

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

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

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

Similar Colors

Mediumaquamarine

#66CDAA