#53748D

#53748D

Color Values

HEX

#53748D

RGB

83, 116, 141

HSL

205.9, 25.9%, 43.9%

HSV

205.9, 41.1%, 55.3%

CMYK

41.1%, 17.7%, 0.0%, 44.7%

OKLCH

0.5436 0.0545 241.7

Properties

Cool Dark Nearest: skyblue 4

Color Harmonies

Complementary

#53748D

#8D6C53

Analogous

#538D89

#53578D

#53748D

Triadic

#53748D

#8D5374

#748D53

Split Complementary

#53748D

#8D5357

#8D8953

Tetradic

#53748D

#89538D

#8D6C53

#578D53

Color Blindness Simulation

Original

#53748D

Protanopia

#616287

Deuteranopia

#5F5D86

Tritanopia

#558281

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#E9EEF1
200
#D2DDE5
300
#B2C4D2
400
#88A4B9
500
#5E84A1
600
#4C6A80
700
#3C5467
800
#2F4250
900
#25323C
950
#172026

Contrast Checker

Text on white

4.94:1

AA Pass AAA Fail

Text on black

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