#45542F

#45542F

Color Values

HEX

#45542F

RGB

69, 84, 47

HSL

84.3, 28.2%, 25.7%

HSV

84.3, 44.0%, 32.9%

CMYK

17.9%, 0.0%, 44.0%, 67.1%

OKLCH

0.4229 0.0603 126.8

Properties

Cool Dark Nearest: RAL 6002 Leaf Green

Color Harmonies

Complementary

#45542F

#3E2F54

Analogous

#54512F

#33542F

#45542F

Triadic

#45542F

#2F4554

#542F45

Split Complementary

#45542F

#2F3354

#512F54

Tetradic

#45542F

#2F5451

#3E2F54

#542F33

Color Blindness Simulation

Original

#45542F

Protanopia

#4B4C38

Deuteranopia

#4B4A3A

Tritanopia

#463F41

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#F8F9F6
100
#EEF1E9
200
#DDE5D1
300
#C5D3B1
400
#A6BB86
500
#86A35C
600
#6B8349
700
#56693B
800
#43522E
900
#333D24
950
#202617

Contrast Checker

Text on white

8.2:1

AA Pass AAA Pass

Text on black

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