#536774

#536774

Color Values

HEX

#536774

RGB

83, 103, 116

HSL

203.6, 16.6%, 39.0%

HSV

203.6, 28.4%, 45.5%

CMYK

28.4%, 11.2%, 0.0%, 54.5%

OKLCH

0.5023 0.0318 236.8

Properties

Cool Dark Nearest: lightskyblue 4

Color Harmonies

Complementary

#536774

#746053

Analogous

#537470

#535674

#536774

Triadic

#536774

#745367

#677453

Split Complementary

#536774

#745356

#747053

Tetradic

#536774

#705374

#746053

#567453

Color Blindness Simulation

Original

#536774

Protanopia

#5C5C71

Deuteranopia

#5A5970

Tritanopia

#546E6E

Achromatopsia

#646464

CSS Usage

background-color: #536774;
color: #536774;
border-color: #536774;
Nearest Tailwind: Gray 500 #6B7280

Tailwind Shades

50
#F6F8F8
100
#EBEEF0
200
#D5DDE1
300
#B8C4CC
400
#91A4B0
500
#6A8495
600
#556A77
700
#44545F
800
#35424A
900
#293238
950
#1A2023

Contrast Checker

Text on white

5.9:1

AA Pass AAA Fail

Text on black

3.56:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026