#53662D

#53662D

Color Values

HEX

#53662D

RGB

83, 102, 45

HSL

80.0, 38.8%, 28.8%

HSV

80.0, 55.9%, 40.0%

CMYK

18.6%, 0.0%, 55.9%, 60.0%

OKLCH

0.4808 0.085 124.8

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#53662D

#402D66

Analogous

#665C2D

#36662D

#53662D

Triadic

#53662D

#2D5366

#662D53

Split Complementary

#53662D

#2D3666

#5C2D66

Tetradic

#53662D

#2D665C

#402D66

#662D36

Color Blindness Simulation

Original

#53662D

Protanopia

#5B5B3B

Deuteranopia

#5A593E

Tritanopia

#544648

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

50
#F8FAF5
100
#EFF3E7
200
#E0E9CD
300
#CADAAA
400
#ADC57C
500
#90B14E
600
#738E3E
700
#5C7132
800
#485827
900
#364120
950
#222914

Contrast Checker

Text on white

6.35:1

AA Pass AAA Fail

Text on black

3.31:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026