#52797F

#52797F

Color Values

HEX

#52797F

RGB

82, 121, 127

HSL

188.0, 21.5%, 41.0%

HSV

188.0, 35.4%, 49.8%

CMYK

35.4%, 4.7%, 0.0%, 50.2%

OKLCH

0.5494 0.0446 208.0

Properties

Cool Dark Nearest: cadetblue 4

Color Harmonies

Complementary

#52797F

#7F5852

Analogous

#527F6F

#52637F

#52797F

Triadic

#52797F

#7F5279

#797F52

Split Complementary

#52797F

#7F5263

#7F6F52

Tetradic

#52797F

#6F527F

#7F5852

#637F52

Color Blindness Simulation

Original

#52797F

Protanopia

#63637E

Deuteranopia

#615E7D

Tritanopia

#547C7C

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#EAF0F0
200
#D4E1E3
300
#B5CBCF
400
#8CB0B5
500
#64949B
600
#50767C
700
#405E63
800
#324A4D
900
#27373A
950
#192325

Contrast Checker

Text on white

4.77:1

AA Pass AAA Fail

Text on black

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