HEX Color #7CF0E9 (Mediumturquoise)

About #7CF0E9

At its core, #7CF0E9 is a light and vivid hue. It is closely associated with the named CSS color Mediumturquoise. To achieve this exact tint on a monitor, you would use an RGB mix of 124, 240, and 233.

For print applications, it's crucial to understand its CMYK makeup. To reproduce this shade on paper, a printer utilizes 48% cyan and 0% magenta inks. With a hue angle of 176.4 degrees, it sits comfortably in the cyan spectrum.

Ensuring your text is legible against this background is a key part of web design. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#7CF0E9

RGB124, 240, 233

HSL176.4°, 79.5%, 71.4%

CMYK48%, 0%, 3%, 6%

HSV176.4°, 48.3%, 94.1%

LAB88.2, -34.6, -6.8

XYZ54.2, 72.5, 88.2

Decimal8188137

Color Harmonies

Complementary

#7CF0E9 #F07B83

Analogous

#7BF0AF #7BBCF0

Triadic

#E87BF0 #F0E87B

Tetradic

#AF7BF0 #F07B83 #BDF07B

Tints, Shades & Tones

Tints (Adding White)

#7CF0E9

#8AF1EB

#99F3ED

#A7F5F0

#B6F6F2

#C4F8F5

#D3FAF7

#E1FBFA

#F0FDFC

#FFFFFF

Shades (Adding Black)

#7CF0E9

#6ED5CF

#60BAB5

#52A09B

#448581

#376A67

#29504D

#1B3533

#0D1A19

#000000

WCAG Contrast Accessibility

1.36:1

Text on #FFFFFF

FAIL

15.50:1

Text on #000000

AAA

1.30:1

Text on #F8FAFC

FAIL

13.17:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #7CF0E9; }

.text-color { color: #7CF0E9; }

.border-color { border: 2px solid #7CF0E9; }

Similar Colors

Mediumturquoise

#48D1CC