#42700F

#42700F

Color Values

HEX

#42700F

RGB

66, 112, 15

HSL

88.5, 76.4%, 24.9%

HSV

88.5, 86.6%, 43.9%

CMYK

41.1%, 0.0%, 86.6%, 56.1%

OKLCH

0.4932 0.1314 132.8

Properties

Cool Dark Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#42700F

#3D0F70

Analogous

#706E0F

#11700F

#42700F

Triadic

#42700F

#0F4270

#700F42

Split Complementary

#42700F

#0F1170

#6E0F70

Tetradic

#42700F

#0F706E

#3D0F70

#700F11

Color Blindness Simulation

Original

#42700F

Protanopia

#565626

Deuteranopia

#53502C

Tritanopia

#44393D

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

50
#F8FCF2
100
#EEF9E2
200
#DDF7C0
300
#C4F193
400
#A4E959
500
#84E11E
600
#6AB418
700
#559013
800
#42700F
900
#32520F
950
#20340A

Contrast Checker

Text on white

5.91:1

AA Pass AAA Fail

Text on black

3.56:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026