#52AEBF

#52AEBF

Color Values

HEX

#52AEBF

RGB

82, 174, 191

HSL

189.4, 46.0%, 53.5%

HSV

189.4, 57.1%, 74.9%

CMYK

57.1%, 8.9%, 0.0%, 25.1%

OKLCH

0.7015 0.0903 211.4

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#52AEBF

#BF6352

Analogous

#52BF9A

#5277BF

#52AEBF

Triadic

#52AEBF

#BF52AE

#AEBF52

Split Complementary

#52AEBF

#BF5277

#BF9A52

Tetradic

#52AEBF

#9A52BF

#BF6352

#77BF52

Color Blindness Simulation

Original

#52AEBF

Protanopia

#7A7BBB

Deuteranopia

#746EBA

Tritanopia

#57B8B7

Achromatopsia

#9C9C9C

CSS Usage

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

Tailwind Shades

50
#F4F9FA
100
#E6F2F4
200
#CBE7EC
300
#A6D5DE
400
#75BECC
500
#45A8BA
600
#378695
700
#2C6B77
800
#22545D
900
#1C3E45
950
#12272B

Contrast Checker

Text on white

2.57:1

AA Fail AAA Fail

Text on black

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