#3B563F

#3B563F

Color Values

HEX

#3B563F

RGB

59, 86, 63

HSL

128.9, 18.6%, 28.4%

HSV

128.9, 31.4%, 33.7%

CMYK

31.4%, 0.0%, 26.7%, 66.3%

OKLCH

0.4243 0.0499 148.5

Properties

Cool Dark Nearest: RAL 6028 Pine Green

Color Harmonies

Complementary

#3B563F

#563B52

Analogous

#44563B

#3B564C

#3B563F

Triadic

#3B563F

#3F3B56

#563F3B

Split Complementary

#3B563F

#4C3B56

#563B44

Tetradic

#3B563F

#3B4456

#563B52

#564C3B

Color Blindness Simulation

Original

#3B563F

Protanopia

#474745

Deuteranopia

#454346

Tritanopia

#3C494A

Achromatopsia

#4F4F4F

CSS Usage

background-color: #3B563F;
color: #3B563F;
border-color: #3B563F;
Nearest Tailwind: Emerald 900 #064E3B

Tailwind Shades

50
#F6F9F6
100
#EAF0EB
200
#D5E2D7
300
#B6CDBA
400
#8FB294
500
#68976F
600
#537959
700
#426147
800
#344C37
900
#28392B
950
#19241B

Contrast Checker

Text on white

8.11:1

AA Pass AAA Pass

Text on black

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