#4F563A

#4F563A

Color Values

HEX

#4F563A

RGB

79, 86, 58

HSL

75.0, 19.4%, 28.2%

HSV

75.0, 32.6%, 33.7%

CMYK

8.1%, 0.0%, 32.6%, 66.3%

OKLCH

0.4389 0.0444 119.7

Properties

Cool Dark Nearest: RAL 7009 Green Grey

Color Harmonies

Complementary

#4F563A

#413A56

Analogous

#564F3A

#41563A

#4F563A

Triadic

#4F563A

#3A4F56

#563A4F

Split Complementary

#4F563A

#3A4156

#4F3A56

Tetradic

#4F563A

#3A564F

#413A56

#563A41

Color Blindness Simulation

Original

#4F563A

Protanopia

#525241

Deuteranopia

#525142

Tritanopia

#4F4647

Achromatopsia

#525252

CSS Usage

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

Tailwind Shades

50
#F8F9F6
100
#EFF0EA
200
#DFE2D4
300
#C8CEB6
400
#AAB38E
500
#8C9867
600
#707A52
700
#5A6142
800
#464C33
900
#353928
950
#212419

Contrast Checker

Text on white

7.71:1

AA Pass AAA Pass

Text on black

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