#45701F

#45701F

Color Values

HEX

#45701F

RGB

69, 112, 31

HSL

91.9, 56.6%, 28.0%

HSV

91.9, 72.3%, 43.9%

CMYK

38.4%, 0.0%, 72.3%, 56.1%

OKLCH

0.496 0.1202 133.3

Properties

Cool Dark Nearest: RAL 6010 Grass Green

Color Harmonies

Complementary

#45701F

#4A1F70

Analogous

#6D701F

#1F7022

#45701F

Triadic

#45701F

#1F4570

#701F45

Split Complementary

#45701F

#221F70

#701F6D

Tetradic

#45701F

#1F6D70

#4A1F70

#70221F

Color Blindness Simulation

Original

#45701F

Protanopia

#585833

Deuteranopia

#555237

Tritanopia

#474245

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#F7FBF4
100
#EDF6E5
200
#DAF0C7
300
#C0E49F
400
#9DD66B
500
#7BC837
600
#62A02C
700
#4F8023
800
#3D641C
900
#2F4918
950
#1E2E0F

Contrast Checker

Text on white

5.85:1

AA Pass AAA Fail

Text on black

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