#536680

#536680

Color Values

HEX

#536680

RGB

83, 102, 128

HSL

214.7, 21.3%, 41.4%

HSV

214.7, 35.2%, 50.2%

CMYK

35.2%, 20.3%, 0.0%, 49.8%

OKLCH

0.505 0.0476 256.3

Properties

Cool Dark Nearest: RAL 5014 Pigeon Blue

Color Harmonies

Complementary

#536680

#806D53

Analogous

#537D80

#575380

#536680

Triadic

#536680

#805366

#668053

Split Complementary

#536680

#805753

#7D8053

Tetradic

#536680

#80537D

#806D53

#538057

Color Blindness Simulation

Original

#536680

Protanopia

#5B5B7A

Deuteranopia

#5A5978

Tritanopia

#547574

Achromatopsia

#646464

CSS Usage

background-color: #536680;
color: #536680;
border-color: #536680;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F6F7F9
100
#EAEDF0
200
#D4DAE3
300
#B5C0CF
400
#8D9EB5
500
#647B9B
600
#50637C
700
#404F63
800
#323E4D
900
#272F3A
950
#191E24

Contrast Checker

Text on white

5.87:1

AA Pass AAA Fail

Text on black

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