#528B9C

#528B9C

Color Values

HEX

#528B9C

RGB

82, 139, 156

HSL

193.8, 31.1%, 46.7%

HSV

193.8, 47.4%, 61.2%

CMYK

47.4%, 10.9%, 0.0%, 38.8%

OKLCH

0.6041 0.0651 219.0

Properties

Cool Light Nearest: cadetblue 4

Color Harmonies

Complementary

#528B9C

#9C6352

Analogous

#529C88

#52669C

#528B9C

Triadic

#528B9C

#9C528B

#8B9C52

Split Complementary

#528B9C

#9C5266

#9C8852

Tetradic

#528B9C

#88529C

#9C6352

#669C52

Color Blindness Simulation

Original

#528B9C

Protanopia

#6B6B98

Deuteranopia

#676397

Tritanopia

#559594

Achromatopsia

#808080

CSS Usage

background-color: #528B9C;
color: #528B9C;
border-color: #528B9C;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F5F8F9
100
#E8F0F2
200
#D0E1E6
300
#AFCCD5
400
#83B0BE
500
#5895A7
600
#467786
700
#385F6B
800
#2C4A54
900
#23383E
950
#162327

Contrast Checker

Text on white

3.8:1

AA Fail AAA Fail

Text on black

5.53:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026