#536454

#536454

Color Values

HEX

#536454

RGB

83, 100, 84

HSL

123.5, 9.3%, 35.9%

HSV

123.5, 17.0%, 39.2%

CMYK

17.0%, 0.0%, 16.0%, 60.8%

OKLCH

0.484 0.0327 146.6

Properties

Cool Dark Nearest: RAL 7009 Green Grey

Color Harmonies

Complementary

#536454

#645363

Analogous

#5B6453

#53645D

#536454

Triadic

#536454

#545364

#645453

Split Complementary

#536454

#5D5364

#64535B

Tetradic

#536454

#535B64

#645363

#645D53

Color Blindness Simulation

Original

#536454

Protanopia

#5A5B58

Deuteranopia

#595859

Tritanopia

#545B5C

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#ECEFEC
200
#D8DFD8
300
#BCC7BD
400
#98A999
500
#748B75
600
#5D6F5E
700
#4A594B
800
#3A463B
900
#2C352D
950
#1C211C

Contrast Checker

Text on white

6.33:1

AA Pass AAA Fail

Text on black

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