#528799

#528799

Color Values

HEX

#528799

RGB

82, 135, 153

HSL

195.2, 30.2%, 46.1%

HSV

195.2, 46.4%, 60.0%

CMYK

46.4%, 11.8%, 0.0%, 40.0%

OKLCH

0.5933 0.0627 221.7

Properties

Cool Light Nearest: cadetblue 4

Color Harmonies

Complementary

#528799

#996452

Analogous

#529988

#526499

#528799

Triadic

#528799

#995287

#879952

Split Complementary

#528799

#995264

#998852

Tetradic

#528799

#885299

#996452

#649952

Color Blindness Simulation

Original

#528799

Protanopia

#696995

Deuteranopia

#666294

Tritanopia

#559190

Achromatopsia

#7D7D7D

CSS Usage

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

Tailwind Shades

50
#F5F8F9
100
#E9EFF2
200
#D1E1E6
300
#AFCBD4
400
#84AFBD
500
#5992A6
600
#477585
700
#395E6A
800
#2C4953
900
#23373E
950
#162327

Contrast Checker

Text on white

3.97:1

AA Fail AAA Fail

Text on black

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