HEX Color #00F80F (Lime)

About #00F80F

The hex code #00F80F represents a beautifully specific shade of green. If you're using CSS, you might find it aligns closely with Lime. Its digital footprint relies on 0 parts red, 248 parts green, and 15 parts blue light.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 100% cyan and 0% magenta inks. The HSL representation is 123.6° hue, 100.0% saturation, and 48.6% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. To prevent eye strain, #000000 text pairs best with this hex code. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#00F80F

RGB0, 248, 15

HSL123.6°, 100.0%, 48.6%

CMYK100%, 0%, 94%, 3%

HSV123.6°, 100.0%, 97.3%

LAB85.6, -84.2, 80.2

XYZ33.7, 67.2, 11.6

Decimal63503

Color Harmonies

Complementary

#00F80F #F800E9

Analogous

#6CF800 #00F88B

Triadic

#0E00F8 #F80E00

Tetradic

#006CF8 #F800E9 #F88A00

Tints, Shades & Tones

Tints (Adding White)

#00F80F

#1CF829

#38F944

#55FA5F

#71FB79

#8DFB94

#AAFCAF

#C6FDC9

#E2FEE4

#FFFFFF

Shades (Adding Black)

#00F80F

#00DC0D

#00C00B

#00A50A

#008908

#006E06

#005205

#003703

#001B01

#000000

WCAG Contrast Accessibility

1.45:1

Text on #FFFFFF

FAIL

14.43:1

Text on #000000

AAA

1.39:1

Text on #F8FAFC

FAIL

12.27:1

Text on #0F172A

AAA

CSS Implementation

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

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

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

Similar Colors

Lime

#00FF00