HEX Color #00F87C (Springgreen)

About #00F87C

The precise color #00F87C is an excellent choice for modern design projects. Its closest recognized web color is Springgreen. In the RGB color space, it consists of 0 red, 248 green, and 124 blue.

If you are designing for print, the four-color process is what matters most. To reproduce this shade on paper, a printer utilizes 100% cyan and 0% magenta inks. With a hue angle of 150.0 degrees, it sits comfortably in the green spectrum.

From a UX and accessibility standpoint, contrast is paramount. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#00F87C

RGB0, 248, 124

HSL150.0°, 100.0%, 48.6%

CMYK100%, 0%, 50%, 3%

HSV150.0°, 100.0%, 97.3%

LAB86.3, -75.2, 45.7

XYZ37.2, 68.6, 30.3

Decimal63612

Color Harmonies

Complementary

#00F87C #F8007C

Analogous

#00F800 #00F7F8

Triadic

#7B00F8 #F87B00

Tetradic

#0000F8 #F8007C #F7F800

Tints, Shades & Tones

Tints (Adding White)

#00F87C

#1CF88A

#38F999

#55FAA7

#71FBB6

#8DFBC4

#AAFCD3

#C6FDE1

#E2FEF0

#FFFFFF

Shades (Adding Black)

#00F87C

#00DC6E

#00C060

#00A552

#008944

#006E37

#005229

#00371B

#001B0D

#000000

WCAG Contrast Accessibility

1.43:1

Text on #FFFFFF

FAIL

14.72:1

Text on #000000

AAA

1.36:1

Text on #F8FAFC

FAIL

12.51:1

Text on #0F172A

AAA

CSS Implementation

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

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

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

Similar Colors

Springgreen

#00FF7F