#42854F

#42854F

Color Values

HEX

#42854F

RGB

66, 133, 79

HSL

131.6, 33.7%, 39.0%

HSV

131.6, 50.4%, 52.2%

CMYK

50.4%, 0.0%, 40.6%, 47.8%

OKLCH

0.5581 0.1076 148.4

Properties

Cool Light Nearest: RAL 6032 Signal Green

Color Harmonies

Complementary

#42854F

#854278

Analogous

#568542

#428570

#42854F

Triadic

#42854F

#4F4285

#854F42

Split Complementary

#42854F

#704285

#854256

Tetradic

#42854F

#425685

#854278

#857042

Color Blindness Simulation

Original

#42854F

Protanopia

#5F605C

Deuteranopia

#5B565F

Tritanopia

#456669

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#F5FAF6
100
#E8F2EA
200
#CFE7D4
300
#ADD6B5
400
#81C08D
500
#55AA65
600
#448851
700
#366D41
800
#2A5533
900
#223F27
950
#152819

Contrast Checker

Text on white

4.47:1

AA Fail AAA Fail

Text on black

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