#42BA4F

#42BA4F

Color Values

HEX

#42BA4F

RGB

66, 186, 79

HSL

126.5, 47.6%, 49.4%

HSV

126.5, 64.5%, 72.9%

CMYK

64.5%, 0.0%, 57.5%, 27.1%

OKLCH

0.6984 0.1819 145.1

Properties

Cool Light Nearest: springgreen 3

Color Harmonies

Complementary

#42BA4F

#BA42AD

Analogous

#71BA42

#42BA8B

#42BA4F

Triadic

#42BA4F

#4F42BA

#BA4F42

Split Complementary

#42BA4F

#8B42BA

#BA4271

Tetradic

#42BA4F

#4271BA

#BA42AD

#BA8B42

Color Blindness Simulation

Original

#42BA4F

Protanopia

#767769

Deuteranopia

#6F666F

Tritanopia

#487D82

Achromatopsia

#999999

CSS Usage

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

Tailwind Shades

50
#F4FAF5
100
#E6F4E7
200
#CAECCE
300
#A5DFAB
400
#74CE7D
500
#43BC50
600
#359740
700
#2B7833
800
#215E28
900
#1C4520
950
#112C14

Contrast Checker

Text on white

2.51:1

AA Fail AAA Fail

Text on black

8.37: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