#536D82

#536D82

Color Values

HEX

#536D82

RGB

83, 109, 130

HSL

206.8, 22.1%, 41.8%

HSV

206.8, 36.2%, 51.0%

CMYK

36.2%, 16.2%, 0.0%, 49.0%

OKLCH

0.5223 0.0452 243.1

Properties

Cool Dark Nearest: skyblue 4

Color Harmonies

Complementary

#536D82

#826853

Analogous

#538280

#535682

#536D82

Triadic

#536D82

#82536D

#6D8253

Split Complementary

#536D82

#825356

#828053

Tetradic

#536D82

#805382

#826853

#568253

Color Blindness Simulation

Original

#536D82

Protanopia

#5E5E7D

Deuteranopia

#5D5B7C

Tritanopia

#547978

Achromatopsia

#696969

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#EAEEF1
200
#D3DCE3
300
#B4C3CF
400
#8CA3B6
500
#63839C
600
#4F687D
700
#405464
800
#32414E
900
#27313A
950
#191F25

Contrast Checker

Text on white

5.42:1

AA Pass AAA Fail

Text on black

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