#535B0B

#535B0B

Color Values

HEX

#535B0B

RGB

83, 91, 11

HSL

66.0, 78.4%, 20.0%

HSV

66.0, 87.9%, 35.7%

CMYK

8.8%, 0.0%, 87.9%, 64.3%

OKLCH

0.4491 0.0972 115.7

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#535B0B

#130B5B

Analogous

#5B3B0B

#2B5B0B

#535B0B

Triadic

#535B0B

#0B535B

#5B0B53

Split Complementary

#535B0B

#0B2B5B

#3B0B5B

Tetradic

#535B0B

#0B5B3B

#130B5B

#5B0B2B

Color Blindness Simulation

Original

#535B0B

Protanopia

#56571E

Deuteranopia

#565523

Tritanopia

#532E31

Achromatopsia

#545454

CSS Usage

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

Tailwind Shades

50
#FBFCF2
100
#F7F9E1
200
#F2F7BF
300
#E8F292
400
#DCEB57
500
#CFE31C
600
#A6B616
700
#859212
800
#68720E
900
#4C530E
950
#303409

Contrast Checker

Text on white

7.32:1

AA Pass AAA Pass

Text on black

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