HEX Color #0FB650 (Forestgreen)

About #0FB650

Visually, #0FB650 is defined as a vivid green. If you're using CSS, you might find it aligns closely with Forestgreen. To achieve this exact tint on a monitor, you would use an RGB mix of 15, 182, and 80.

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

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#0FB650

RGB15, 182, 80

HSL143.4°, 84.8%, 38.6%

CMYK92%, 0%, 56%, 29%

HSV143.4°, 91.8%, 71.4%

LAB65.1, -60.3, 40.8

XYZ18.4, 34.1, 13.2

Decimal1029712

Color Harmonies

Complementary

#0FB650 #B60E74

Analogous

#21B60E #0EB6A3

Triadic

#500EB6 #B6500E

Tetradic

#0E21B6 #B60E74 #B6A30E

Tints, Shades & Tones

Tints (Adding White)

#0FB650

#29BE63

#44C676

#5FCE8A

#79D69D

#94DEB1

#AFE6C4

#C9EED8

#E4F6EB

#FFFFFF

Shades (Adding Black)

#0FB650

#0DA147

#0B8D3E

#0A7935

#08652C

#065023

#053C1A

#032811

#011408

#000000

WCAG Contrast Accessibility

2.68:1

Text on #FFFFFF

FAIL

7.83:1

Text on #000000

AAA

2.56:1

Text on #F8FAFC

FAIL

6.65:1

Text on #0F172A

AA

CSS Implementation

.bg-color { background-color: #0FB650; }

.text-color { color: #0FB650; }

.border-color { border: 2px solid #0FB650; }

Similar Colors

Forestgreen

#228B22