#536427

#536427

Color Values

HEX

#536427

RGB

83, 100, 39

HSL

76.7, 43.9%, 27.3%

HSV

76.7, 61.0%, 39.2%

CMYK

17.0%, 0.0%, 61.0%, 60.8%

OKLCH

0.4748 0.0883 122.8

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#536427

#382764

Analogous

#645727

#356427

#536427

Triadic

#536427

#275364

#642753

Split Complementary

#536427

#273564

#572764

Tetradic

#536427

#276457

#382764

#642735

Color Blindness Simulation

Original

#536427

Protanopia

#5A5B36

Deuteranopia

#595839

Tritanopia

#544144

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#F9FAF4
100
#F0F4E6
200
#E2EBCC
300
#CEDDA7
400
#B3CA77
500
#98B748
600
#7A9339
700
#61752E
800
#4C5C24
900
#39441D
950
#242B13

Contrast Checker

Text on white

6.52:1

AA Pass AAA Fail

Text on black

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