#536950

#536950

Color Values

HEX

#536950

RGB

83, 105, 80

HSL

112.8, 13.5%, 36.3%

HSV

112.8, 23.8%, 41.2%

CMYK

21.0%, 0.0%, 23.8%, 58.8%

OKLCH

0.4954 0.0471 141.7

Properties

Cool Dark Nearest: RAL 6013 Reed Green

Color Harmonies

Complementary

#536950

#665069

Analogous

#606950

#50695A

#536950

Triadic

#536950

#505369

#695053

Split Complementary

#536950

#5A5069

#695060

Tetradic

#536950

#506069

#665069

#695A50

Color Blindness Simulation

Original

#536950

Protanopia

#5D5D56

Deuteranopia

#5B5A58

Tritanopia

#545B5C

Achromatopsia

#636363

CSS Usage

background-color: #536950;
color: #536950;
border-color: #536950;
Nearest Tailwind: Stone 600 #57534E

Tailwind Shades

50
#F7F8F6
100
#ECEFEB
200
#D8E0D6
300
#BCCABA
400
#97AD94
500
#72916E
600
#5C7458
700
#495D47
800
#394837
900
#2C362B
950
#1C221B

Contrast Checker

Text on white

5.99:1

AA Pass AAA Fail

Text on black

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