#529DAD

#529DAD

Color Values

HEX

#529DAD

RGB

82, 157, 173

HSL

190.5, 35.7%, 50.0%

HSV

190.5, 52.6%, 67.8%

CMYK

52.6%, 9.2%, 0.0%, 32.2%

OKLCH

0.654 0.078 213.3

Properties

Cool Light Nearest: NCS S 1050-B20G Cyan

Color Harmonies

Complementary

#529DAD

#AD6252

Analogous

#52AD8F

#5270AD

#529DAD

Triadic

#529DAD

#AD529D

#9DAD52

Split Complementary

#529DAD

#AD5270

#AD8F52

Tetradic

#529DAD

#8F52AD

#AD6252

#70AD52

Color Blindness Simulation

Original

#529DAD

Protanopia

#7273A9

Deuteranopia

#6E68A8

Tritanopia

#56A6A5

Achromatopsia

#8E8E8E

CSS Usage

background-color: #529DAD;
color: #529DAD;
border-color: #529DAD;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F5F9FA
100
#E8F1F3
200
#CFE4E8
300
#ACD0D8
400
#7FB7C2
500
#529DAD
600
#427E8A
700
#34656F
800
#294F57
900
#213B40
950
#152528

Contrast Checker

Text on white

3.1:1

AA Fail AAA Fail

Text on black

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