#536372

#536372

Color Values

HEX

#536372

RGB

83, 99, 114

HSL

209.0, 15.7%, 38.6%

HSV

209.0, 27.2%, 44.7%

CMYK

27.2%, 13.2%, 0.0%, 55.3%

OKLCH

0.4919 0.0311 246.7

Properties

Cool Dark Nearest: RAL 4012 Pearl Blackberry

Color Harmonies

Complementary

#536372

#726253

Analogous

#537271

#535372

#536372

Triadic

#536372

#725363

#637253

Split Complementary

#536372

#725353

#727153

Tetradic

#536372

#715372

#726253

#537253

Color Blindness Simulation

Original

#536372

Protanopia

#5A5A6E

Deuteranopia

#59586E

Tritanopia

#546C6B

Achromatopsia

#616161

CSS Usage

background-color: #536372;
color: #536372;
border-color: #536372;
Nearest Tailwind: Gray 600 #4B5563

Tailwind Shades

50
#F6F7F8
100
#EBEDF0
200
#D6DBE1
300
#B8C2CB
400
#92A1AF
500
#6B8094
600
#566776
700
#45525E
800
#36404A
900
#2A3137
950
#1A1F23

Contrast Checker

Text on white

6.18:1

AA Pass AAA Fail

Text on black

3.4:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026