#4A552B

#4A552B

Color Values

HEX

#4A552B

RGB

74, 85, 43

HSL

75.7, 32.8%, 25.1%

HSV

75.7, 49.4%, 33.3%

CMYK

12.9%, 0.0%, 49.4%, 66.7%

OKLCH

0.429 0.0647 121.2

Properties

Cool Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#4A552B

#362B55

Analogous

#554B2B

#35552B

#4A552B

Triadic

#4A552B

#2B4A55

#552B4A

Split Complementary

#4A552B

#2B3555

#4B2B55

Tetradic

#4A552B

#2B554B

#362B55

#552B35

Color Blindness Simulation

Original

#4A552B

Protanopia

#4F4F35

Deuteranopia

#4E4D38

Tritanopia

#4B3D3F

Achromatopsia

#505050

CSS Usage

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

Tailwind Shades

50
#F8F9F5
100
#F0F2E8
200
#E1E7D0
300
#CBD6AE
400
#AFC082
500
#93A956
600
#768745
700
#5E6C37
800
#4A552B
900
#373F22
950
#232816

Contrast Checker

Text on white

8.0:1

AA Pass AAA Pass

Text on black

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