#565F3A

#565F3A

Color Values

HEX

#565F3A

RGB

86, 95, 58

HSL

74.6, 24.2%, 30.0%

HSV

74.6, 38.9%, 37.3%

CMYK

9.5%, 0.0%, 38.9%, 62.7%

OKLCH

0.4676 0.0569 119.8

Properties

Cool Dark Nearest: RAL 6011 Reseda Green

Color Harmonies

Complementary

#565F3A

#433A5F

Analogous

#5F563A

#435F3A

#565F3A

Triadic

#565F3A

#3A565F

#5F3A56

Split Complementary

#565F3A

#3A435F

#563A5F

Tetradic

#565F3A

#3A5F56

#433A5F

#5F3A43

Color Blindness Simulation

Original

#565F3A

Protanopia

#5A5A43

Deuteranopia

#595945

Tritanopia

#564A4C

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#F8F9F6
100
#EFF1E9
200
#E0E4D3
300
#C9D1B3
400
#ACB78A
500
#8F9E61
600
#737F4D
700
#5C653E
800
#484F30
900
#363B26
950
#222518

Contrast Checker

Text on white

6.79:1

AA Pass AAA Fail

Text on black

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