#52AABD

#52AABD

Color Values

HEX

#52AABD

RGB

82, 170, 189

HSL

190.7, 44.8%, 53.1%

HSV

190.7, 56.6%, 74.1%

CMYK

56.6%, 10.1%, 0.0%, 25.9%

OKLCH

0.6912 0.0884 213.8

Properties

Cool Light Nearest: Maximum Blue

Color Harmonies

Complementary

#52AABD

#BD6552

Analogous

#52BD9B

#5274BD

#52AABD

Triadic

#52AABD

#BD52AA

#AABD52

Split Complementary

#52AABD

#BD5274

#BD9B52

Tetradic

#52AABD

#9B52BD

#BD6552

#74BD52

Color Blindness Simulation

Original

#52AABD

Protanopia

#7879B8

Deuteranopia

#736CB7

Tritanopia

#56B5B4

Achromatopsia

#999999

CSS Usage

background-color: #52AABD;
color: #52AABD;
border-color: #52AABD;
Nearest Tailwind: Cyan 500 #06B6D4

Tailwind Shades

50
#F4F9FA
100
#E6F2F4
200
#CBE6EB
300
#A6D3DD
400
#76BCCB
500
#46A4B9
600
#388394
700
#2D6976
800
#23525C
900
#1D3D44
950
#12272B

Contrast Checker

Text on white

2.68:1

AA Fail AAA Fail

Text on black

7.84:1

AA Pass AAA Pass

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