#565503

#565503

Color Values

HEX

#565503

RGB

86, 85, 3

HSL

59.3, 93.3%, 17.5%

HSV

59.3, 96.5%, 33.7%

CMYK

0.0%, 1.2%, 96.5%, 66.3%

OKLCH

0.4363 0.0931 108.9

Properties

Warm Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#565503

#030456

Analogous

#562C03

#2E5603

#565503

Triadic

#565503

#035655

#550356

Split Complementary

#565503

#032E56

#2C0356

Tetradic

#565503

#03562C

#030456

#56032E

Color Blindness Simulation

Original

#565503

Protanopia

#565617

Deuteranopia

#56561C

Tritanopia

#56272A

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

50
#FDFDF1
100
#FBFBDF
200
#FDFCBA
300
#FBFA89
400
#F9F749
500
#F6F409
600
#C5C307
700
#9E9C05
800
#7B7A04
900
#595808
950
#383805

Contrast Checker

Text on white

7.79:1

AA Pass AAA Pass

Text on black

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