#565F2F

#565F2F

Color Values

HEX

#565F2F

RGB

86, 95, 47

HSL

71.2, 33.8%, 27.8%

HSV

71.2, 50.5%, 37.3%

CMYK

9.5%, 0.0%, 50.5%, 62.7%

OKLCH

0.4657 0.0708 118.0

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#565F2F

#382F5F

Analogous

#5F502F

#3E5F2F

#565F2F

Triadic

#565F2F

#2F565F

#5F2F56

Split Complementary

#565F2F

#2F3E5F

#502F5F

Tetradic

#565F2F

#2F5F50

#382F5F

#5F2F3E

Color Blindness Simulation

Original

#565F2F

Protanopia

#5A5A3B

Deuteranopia

#59593D

Tritanopia

#564446

Achromatopsia

#5A5A5A

CSS Usage

background-color: #565F2F;
color: #565F2F;
border-color: #565F2F;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#F9FAF5
100
#F0F2E8
200
#E3E7CF
300
#CFD6AD
400
#B5C181
500
#9BAB54
600
#7C8844
700
#636D36
800
#4D552A
900
#3A3F22
950
#242815

Contrast Checker

Text on white

6.83:1

AA Pass AAA Fail

Text on black

3.07:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026