#535B12

#535B12

Color Values

HEX

#535B12

RGB

83, 91, 18

HSL

66.6, 67.0%, 21.4%

HSV

66.6, 80.2%, 35.7%

CMYK

8.8%, 0.0%, 80.2%, 64.3%

OKLCH

0.4495 0.0934 115.8

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#535B12

#1A125B

Analogous

#5B3F12

#2F5B12

#535B12

Triadic

#535B12

#12535B

#5B1253

Split Complementary

#535B12

#122F5B

#3F125B

Tetradic

#535B12

#125B3F

#1A125B

#5B122F

Color Blindness Simulation

Original

#535B12

Protanopia

#565724

Deuteranopia

#565528

Tritanopia

#533235

Achromatopsia

#545454

CSS Usage

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

Tailwind Shades

50
#FBFCF3
100
#F5F7E3
200
#EEF3C3
300
#E2EB99
400
#D2E061
500
#C2D52A
600
#9BAA22
700
#7C881B
800
#616A15
900
#474E13
950
#2D310C

Contrast Checker

Text on white

7.31:1

AA Pass AAA Pass

Text on black

2.87:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026