#427334

#427334

Color Values

HEX

#427334

RGB

66, 115, 52

HSL

106.7, 37.7%, 32.7%

HSV

106.7, 54.8%, 45.1%

CMYK

42.6%, 0.0%, 54.8%, 54.9%

OKLCH

0.505 0.1077 139.1

Properties

Cool Dark Nearest: RAL 6010 Grass Green

Color Harmonies

Complementary

#427334

#653473

Analogous

#617334

#347345

#427334

Triadic

#427334

#344273

#733442

Split Complementary

#427334

#453473

#733461

Tetradic

#427334

#346173

#653473

#734534

Color Blindness Simulation

Original

#427334

Protanopia

#575843

Deuteranopia

#545147

Tritanopia

#444F52

Achromatopsia

#646464

CSS Usage

background-color: #427334;
color: #427334;
border-color: #427334;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#F6FAF5
100
#EAF3E7
200
#D4E9CE
300
#B5D9AB
400
#8DC47D
500
#65B04F
600
#518C40
700
#407033
800
#325828
900
#274120
950
#192914

Contrast Checker

Text on white

5.62:1

AA Pass AAA Fail

Text on black

3.73:1

AA Fail 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