#445722

#445722

Color Values

HEX

#445722

RGB

68, 87, 34

HSL

81.5, 43.8%, 23.7%

HSV

81.5, 60.9%, 34.1%

CMYK

21.8%, 0.0%, 60.9%, 65.9%

OKLCH

0.4279 0.081 126.1

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#445722

#352257

Analogous

#574F22

#295722

#445722

Triadic

#445722

#224457

#572244

Split Complementary

#445722

#222957

#4F2257

Tetradic

#445722

#22574F

#352257

#572229

Color Blindness Simulation

Original

#445722

Protanopia

#4C4C2F

Deuteranopia

#4B4A32

Tritanopia

#45393B

Achromatopsia

#4F4F4F

CSS Usage

background-color: #445722;
color: #445722;
border-color: #445722;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#F8FAF5
100
#EFF4E7
200
#E0EBCC
300
#C9DDA7
400
#ACCA77
500
#8FB748
600
#739339
700
#5C752E
800
#485C24
900
#36441D
950
#222B13

Contrast Checker

Text on white

7.98:1

AA Pass AAA Pass

Text on black

2.63:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026