#42914D

#42914D

Color Values

HEX

#42914D

RGB

66, 145, 77

HSL

128.4, 37.4%, 41.4%

HSV

128.4, 54.5%, 56.9%

CMYK

54.5%, 0.0%, 46.9%, 43.1%

OKLCH

0.5897 0.1279 146.6

Properties

Cool Light Nearest: RAL 6024 Traffic Green

Color Harmonies

Complementary

#42914D

#914286

Analogous

#5F9142

#429175

#42914D

Triadic

#42914D

#4D4291

#914D42

Split Complementary

#42914D

#754291

#91425F

Tetradic

#42914D

#425F91

#914286

#917542

Color Blindness Simulation

Original

#42914D

Protanopia

#64655D

Deuteranopia

#605A61

Tritanopia

#466A6D

Achromatopsia

#7B7B7B

CSS Usage

background-color: #42914D;
color: #42914D;
border-color: #42914D;
Nearest Tailwind: Green 700 #15803D

Tailwind Shades

50
#F5FAF6
100
#E7F3E9
200
#CEE9D2
300
#ABD9B1
400
#7DC487
500
#50AF5D
600
#408C4B
700
#33703C
800
#28582F
900
#204125
950
#142917

Contrast Checker

Text on white

3.9:1

AA Fail AAA Fail

Text on black

5.39:1

AA Pass AAA Fail

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