#49B94C

#49B94C

Color Values

HEX

#49B94C

RGB

73, 185, 76

HSL

121.6, 44.4%, 50.6%

HSV

121.6, 60.5%, 72.5%

CMYK

60.5%, 0.0%, 58.9%, 27.5%

OKLCH

0.6976 0.1803 143.8

Properties

Cool Light Nearest: RAL 6018 Yellow Green

Color Harmonies

Complementary

#49B94C

#B949B6

Analogous

#7EB949

#49B984

#49B94C

Triadic

#49B94C

#4C49B9

#B94C49

Split Complementary

#49B94C

#8449B9

#B9497E

Tetradic

#49B94C

#497EB9

#B949B6

#B98449

Color Blindness Simulation

Original

#49B94C

Protanopia

#7A7A66

Deuteranopia

#736B6D

Tritanopia

#4F7B80

Achromatopsia

#999999

CSS Usage

background-color: #49B94C;
color: #49B94C;
border-color: #49B94C;
Nearest Tailwind: Green 500 #22C55E

Tailwind Shades

50
#F4FAF5
100
#E6F4E7
200
#CBEBCC
300
#A7DDA8
400
#77CB79
500
#47B84A
600
#39933B
700
#2D762F
800
#235C25
900
#1D441E
950
#122B13

Contrast Checker

Text on white

2.52:1

AA Fail AAA Fail

Text on black

8.33:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026