HEX Color #00F0AF (Mediumspringgreen)

About #00F0AF

When working with digital screens, the color #00F0AF is rendered by mixing light. Designers often compare it to the standard color Mediumspringgreen. Its digital footprint relies on 0 parts red, 240 parts green, and 175 parts blue light.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). To reproduce this shade on paper, a printer utilizes 100% cyan and 0% magenta inks. With a hue angle of 163.8 degrees, it sits comfortably in the green spectrum.

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. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#00F0AF

RGB0, 240, 175

HSL163.8°, 100.0%, 47.1%

CMYK100%, 0%, 27%, 6%

HSV163.8°, 100.0%, 94.1%

LAB84.7, -62.8, 18.2

XYZ38.9, 65.4, 51.1

Decimal61615

Color Harmonies

Complementary

#00F0AF #EF0040

Analogous

#00EF37 #00B8EF

Triadic

#AE00EF #EFAE00

Tetradic

#3600EF #EF0040 #B8EF00

Tints, Shades & Tones

Tints (Adding White)

#00F0AF

#1CF1B7

#38F3C0

#55F5C9

#71F6D2

#8DF8DB

#AAFAE4

#C6FBED

#E2FDF6

#FFFFFF

Shades (Adding Black)

#00F0AF

#00D59B

#00BA88

#00A074

#008561

#006A4D

#00503A

#003526

#001A13

#000000

WCAG Contrast Accessibility

1.49:1

Text on #FFFFFF

FAIL

14.08:1

Text on #000000

AAA

1.43:1

Text on #F8FAFC

FAIL

11.97:1

Text on #0F172A

AAA

CSS Implementation

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

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

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

Similar Colors

Mediumspringgreen

#00FA9A