HEX Color #498A3A (Forestgreen)

About #498A3A

The hex code #498A3A represents a beautifully specific shade of 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 73, 138, and 58.

Translating this color to physical media requires the CMYK color model. Its ink density profile breaks down to 47% cyan, 0% magenta, 58% yellow, and 46% black. The HSL representation is 108.8° hue, 40.8% saturation, and 38.4% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. The calculated luminance score dictates that #000000 typography is the safest choice. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#498A3A

RGB73, 138, 58

HSL108.8°, 40.8%, 38.4%

CMYK47%, 0%, 58%, 46%

HSV108.8°, 58.0%, 54.1%

LAB51.7, -37.0, 36.0

XYZ12.6, 19.9, 7.2

Decimal4819514

Color Harmonies

Complementary

#498A3A #7B398A

Analogous

#718A39 #398A53

Triadic

#39498A #8A3948

Tetradic

#39708A #7B398A #8A5239

Tints, Shades & Tones

Tints (Adding White)

#498A3A

#5D974F

#71A465

#85B17B

#99BE91

#AECBA7

#C2D8BD

#D6E5D3

#EAF2E9

#FFFFFF

Shades (Adding Black)

#498A3A

#407A33

#386B2D

#305C26

#284C20

#203D19

#182E13

#101E0C

#080F06

#000000

WCAG Contrast Accessibility

4.22:1

Text on #FFFFFF

AA Large

4.98:1

Text on #000000

AA

4.03:1

Text on #F8FAFC

AA Large

4.23:1

Text on #0F172A

AA Large

CSS Implementation

.bg-color { background-color: #498A3A; }

.text-color { color: #498A3A; }

.border-color { border: 2px solid #498A3A; }

Similar Colors

Forestgreen

#228B22