HEX Color #66BDA0 (Mediumaquamarine)

About #66BDA0

Visually, #66BDA0 is defined as a moderate green. Its closest recognized web color is Mediumaquamarine. To achieve this exact tint on a monitor, you would use an RGB mix of 102, 189, and 160.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 46% cyan and 0% magenta inks. Always request a physical proof before doing a large print run with this exact code.

Ensuring your text is legible against this background is a key part of web design. Because it is a medium color, it is generally recommended to use #000000 text. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#66BDA0

RGB102, 189, 160

HSL160.0°, 39.7%, 57.1%

CMYK46%, 0%, 15%, 26%

HSV160.0°, 46.0%, 74.1%

LAB70.7, -33.2, 6.6

XYZ30.0, 41.8, 39.7

Decimal6733216

Color Harmonies

Complementary

#66BDA0 #BD6582

Analogous

#65BD74 #65AEBD

Triadic

#A065BD #BDA065

Tetradic

#7465BD #BD6582 #AEBD65

Tints, Shades & Tones

Tints (Adding White)

#66BDA0

#77C4AA

#88CBB5

#99D3BF

#AADACA

#BBE1D4

#CCE9DF

#DDF0E9

#EEF7F4

#FFFFFF

Shades (Adding Black)

#66BDA0

#5AA88E

#4F937C

#447E6A

#386958

#2D5447

#223F35

#162A23

#0B1511

#000000

WCAG Contrast Accessibility

2.25:1

Text on #FFFFFF

FAIL

9.35:1

Text on #000000

AAA

2.15:1

Text on #F8FAFC

FAIL

7.95:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #66BDA0; }

.text-color { color: #66BDA0; }

.border-color { border: 2px solid #66BDA0; }

Similar Colors

Mediumaquamarine

#66CDAA