#42B641

#42B641

Color Values

HEX

#42B641

RGB

66, 182, 65

HSL

119.5, 47.4%, 48.4%

HSV

119.5, 64.3%, 71.4%

CMYK

63.7%, 0.0%, 64.3%, 28.6%

OKLCH

0.6863 0.188 143.1

Properties

Cool Light Nearest: NCS S 1060-G20Y Lime

Color Harmonies

Complementary

#42B641

#B541B6

Analogous

#7CB641

#41B67A

#42B641

Triadic

#42B641

#4142B6

#B64142

Split Complementary

#42B641

#7A41B6

#B6417C

Tetradic

#42B641

#417CB6

#B541B6

#B67A41

Color Blindness Simulation

Original

#42B641

Protanopia

#74755D

Deuteranopia

#6E6564

Tritanopia

#487479

Achromatopsia

#959595

CSS Usage

background-color: #42B641;
color: #42B641;
border-color: #42B641;
Nearest Tailwind: Green 500 #22C55E

Tailwind Shades

50
#F4FAF4
100
#E6F4E6
200
#CBECCA
300
#A5DFA5
400
#75CD74
500
#44BC43
600
#369636
700
#2C782B
800
#225E22
900
#1C451C
950
#122C12

Contrast Checker

Text on white

2.63:1

AA Fail AAA Fail

Text on black

8.0:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026