HEX Color #07F0CC (Aquamarine)

About #07F0CC

The precise color #07F0CC 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 7, 240, and 204.

When sending designs containing this color to a printer, the CMYK values come into play. Its ink density profile breaks down to 97% cyan, 0% magenta, 15% yellow, and 6% black. The HSL representation is 170.7° hue, 94.3% saturation, and 48.4% lightness.

Ensuring your text is legible against this background is a key part of web design. The calculated luminance score dictates that #000000 typography is the safest choice. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#07F0CC

RGB7, 240, 204

HSL170.7°, 94.3%, 48.4%

CMYK97%, 0%, 15%, 6%

HSV170.7°, 97.1%, 94.1%

LAB85.4, -55.6, 4.0

XYZ42.1, 66.7, 67.8

Decimal520396

Color Harmonies

Complementary

#07F0CC #F0062A

Analogous

#06F057 #069FF0

Triadic

#CC06F0 #F0CC06

Tetradic

#5706F0 #F0062A #9FF006

Tints, Shades & Tones

Tints (Adding White)

#07F0CC

#22F1D1

#3EF3D7

#59F5DD

#75F6E2

#90F8E8

#ACFAEE

#C7FBF3

#E3FDF9

#FFFFFF

Shades (Adding Black)

#07F0CC

#06D5B5

#05BA9E

#04A088

#038571

#036A5A

#025044

#01352D

#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: #07F0CC; }

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

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

Similar Colors

Aquamarine

#7FFFD4