#4B5B46

#4B5B46

Color Values

HEX

#4B5B46

RGB

75, 91, 70

HSL

105.7, 13.0%, 31.6%

HSV

105.7, 23.1%, 35.7%

CMYK

17.6%, 0.0%, 23.1%, 64.3%

OKLCH

0.4512 0.0389 138.3

Properties

Cool Dark Nearest: RAL 7009 Green Grey

Color Harmonies

Complementary

#4B5B46

#56465B

Analogous

#565B46

#465B4C

#4B5B46

Triadic

#4B5B46

#464B5B

#5B464B

Split Complementary

#4B5B46

#4C465B

#5B4656

Tetradic

#4B5B46

#46565B

#56465B

#5B4C46

Color Blindness Simulation

Original

#4B5B46

Protanopia

#52524B

Deuteranopia

#51504C

Tritanopia

#4C4F50

Achromatopsia

#565656

CSS Usage

background-color: #4B5B46;
color: #4B5B46;
border-color: #4B5B46;
Nearest Tailwind: Stone 600 #57534E

Tailwind Shades

50
#F7F8F7
100
#ECEFEB
200
#D9E0D7
300
#BECABA
400
#9AAD94
500
#77906F
600
#5F7359
700
#4C5C47
800
#3B4837
900
#2D362B
950
#1D221B

Contrast Checker

Text on white

7.28:1

AA Pass AAA Pass

Text on black

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