#535F16

#535F16

Color Values

HEX

#535F16

RGB

83, 95, 22

HSL

69.9, 62.4%, 22.9%

HSV

69.9, 76.8%, 37.3%

CMYK

12.6%, 0.0%, 76.8%, 62.7%

OKLCH

0.4602 0.0958 118.5

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#535F16

#22165F

Analogous

#5F4616

#2E5F16

#535F16

Triadic

#535F16

#16535F

#5F1653

Split Complementary

#535F16

#162E5F

#46165F

Tetradic

#535F16

#165F46

#22165F

#5F162E

Color Blindness Simulation

Original

#535F16

Protanopia

#585828

Deuteranopia

#58572C

Tritanopia

#543639

Achromatopsia

#575757

CSS Usage

background-color: #535F16;
color: #535F16;
border-color: #535F16;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#FAFBF3
100
#F3F7E4
200
#EAF2C5
300
#DBE89C
400
#C8DC66
500
#B5CF30
600
#91A626
700
#74851F
800
#5A6818
900
#434C15
950
#2A300D

Contrast Checker

Text on white

6.96:1

AA Pass AAA Fail

Text on black

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