#45771D

#45771D

Color Values

HEX

#45771D

RGB

69, 119, 29

HSL

93.3, 60.8%, 29.0%

HSV

93.3, 75.6%, 46.7%

CMYK

42.0%, 0.0%, 75.6%, 53.3%

OKLCH

0.5149 0.1312 134.4

Properties

Cool Dark Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#45771D

#4F1D77

Analogous

#72771D

#1D7722

#45771D

Triadic

#45771D

#1D4577

#771D45

Split Complementary

#45771D

#221D77

#771D72

Tetradic

#45771D

#1D7277

#4F1D77

#77221D

Color Blindness Simulation

Original

#45771D

Protanopia

#5B5B33

Deuteranopia

#585438

Tritanopia

#484448

Achromatopsia

#666666

CSS Usage

background-color: #45771D;
color: #45771D;
border-color: #45771D;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F7FBF3
100
#ECF6E4
200
#D9F1C6
300
#BEE79D
400
#9ADA67
500
#77CD32
600
#5FA428
700
#4C8320
800
#3B6719
900
#2E4B16
950
#1D2F0E

Contrast Checker

Text on white

5.37:1

AA Pass AAA Fail

Text on black

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