#42730F

#42730F

Color Values

HEX

#42730F

RGB

66, 115, 15

HSL

89.4, 76.9%, 25.5%

HSV

89.4, 87.0%, 45.1%

CMYK

42.6%, 0.0%, 87.0%, 54.9%

OKLCH

0.5014 0.1352 133.4

Properties

Cool Dark Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#42730F

#400F73

Analogous

#73720F

#10730F

#42730F

Triadic

#42730F

#0F4273

#730F42

Split Complementary

#42730F

#0F1073

#720F73

Tetradic

#42730F

#0F7372

#400F73

#730F10

Color Blindness Simulation

Original

#42730F

Protanopia

#575827

Deuteranopia

#54512D

Tritanopia

#443A3E

Achromatopsia

#616161

CSS Usage

background-color: #42730F;
color: #42730F;
border-color: #42730F;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F7FCF2
100
#EDF9E1
200
#DCF7C0
300
#C3F193
400
#A2E958
500
#81E21D
600
#68B418
700
#539013
800
#41710F
900
#31520F
950
#1F3409

Contrast Checker

Text on white

5.69:1

AA Pass AAA Fail

Text on black

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