#52638F

#52638F

Color Values

HEX

#52638F

RGB

82, 99, 143

HSL

223.3, 27.1%, 44.1%

HSV

223.3, 42.7%, 56.1%

CMYK

42.7%, 30.8%, 0.0%, 43.9%

OKLCH

0.5045 0.0735 267.6

Properties

Cool Dark Nearest: RAL 5007 Brilliant Blue

Color Harmonies

Complementary

#52638F

#8F7E52

Analogous

#52818F

#5F528F

#52638F

Triadic

#52638F

#8F5263

#638F52

Split Complementary

#52638F

#8F5F52

#818F52

Tetradic

#52638F

#8F5281

#8F7E52

#528F5F

Color Blindness Simulation

Original

#52638F

Protanopia

#595A84

Deuteranopia

#585782

Tritanopia

#537C7A

Achromatopsia

#636363

CSS Usage

background-color: #52638F;
color: #52638F;
border-color: #52638F;
Nearest Tailwind: Sky 800 #075985

Tailwind Shades

50
#F6F7F9
100
#E9EBF1
200
#D2D7E5
300
#B1BAD2
400
#8795BA
500
#5D70A2
600
#4A5A82
700
#3B4868
800
#2E3851
900
#252B3C
950
#171B26

Contrast Checker

Text on white

5.93:1

AA Pass AAA Fail

Text on black

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