#536F11

#536F11

Color Values

HEX

#536F11

RGB

83, 111, 17

HSL

77.9, 73.4%, 25.1%

HSV

77.9, 84.7%, 43.5%

CMYK

25.2%, 0.0%, 84.7%, 56.5%

OKLCH

0.5016 0.1197 125.8

Properties

Cool Dark Nearest: NCS S 2050-G60Y Olive

Color Harmonies

Complementary

#536F11

#2D116F

Analogous

#6F5C11

#246F11

#536F11

Triadic

#536F11

#11536F

#6F1153

Split Complementary

#536F11

#11246F

#5C116F

Tetradic

#536F11

#116F5C

#2D116F

#6F1124

Color Blindness Simulation

Original

#536F11

Protanopia

#5F5F28

Deuteranopia

#5E5B2D

Tritanopia

#543A3E

Achromatopsia

#626262

CSS Usage

background-color: #536F11;
color: #536F11;
border-color: #536F11;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#F9FCF3
100
#F2F8E2
200
#E6F6C1
300
#D4EF95
400
#BDE65B
500
#A5DD22
600
#84B11B
700
#6A8D16
800
#536F11
900
#3D5010
950
#27330A

Contrast Checker

Text on white

5.75:1

AA Pass AAA Fail

Text on black

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