#565F27

#565F27

Color Values

HEX

#565F27

RGB

86, 95, 39

HSL

69.6, 41.8%, 26.3%

HSV

69.6, 58.9%, 37.3%

CMYK

9.5%, 0.0%, 58.9%, 62.7%

OKLCH

0.4645 0.0798 117.2

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#565F27

#30275F

Analogous

#5F4C27

#3A5F27

#565F27

Triadic

#565F27

#27565F

#5F2756

Split Complementary

#565F27

#273A5F

#4C275F

Tetradic

#565F27

#275F4C

#30275F

#5F273A

Color Blindness Simulation

Original

#565F27

Protanopia

#5A5A35

Deuteranopia

#595938

Tritanopia

#563F42

Achromatopsia

#595959

CSS Usage

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

Tailwind Shades

50
#F9FAF5
100
#F1F3E7
200
#E5EACC
300
#D3DBA8
400
#BBC879
500
#A4B54A
600
#83913B
700
#69742F
800
#525A25
900
#3D431E
950
#262A13

Contrast Checker

Text on white

6.86:1

AA Pass AAA Fail

Text on black

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