#52868F

#52868F

Color Values

HEX

#52868F

RGB

82, 134, 143

HSL

188.9, 27.1%, 44.1%

HSV

188.9, 42.7%, 56.1%

CMYK

42.7%, 6.3%, 0.0%, 43.9%

OKLCH

0.587 0.0572 209.6

Properties

Cool Light Nearest: cadetblue 4

Color Harmonies

Complementary

#52868F

#8F5B52

Analogous

#528F79

#52678F

#52868F

Triadic

#52868F

#8F5286

#868F52

Split Complementary

#52868F

#8F5267

#8F7952

Tetradic

#52868F

#79528F

#8F5B52

#678F52

Color Blindness Simulation

Original

#52868F

Protanopia

#69698D

Deuteranopia

#66628C

Tritanopia

#558B8B

Achromatopsia

#7C7C7C

CSS Usage

background-color: #52868F;
color: #52868F;
border-color: #52868F;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F6F9F9
100
#E9F0F1
200
#D2E2E5
300
#B1CDD2
400
#87B3BA
500
#5D98A2
600
#4A7982
700
#3B6168
800
#2E4C51
900
#25393C
950
#172426

Contrast Checker

Text on white

4.07:1

AA Fail AAA Fail

Text on black

5.17:1

AA Pass 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