#52ABF6

#52ABF6

Color Values

HEX

#52ABF6

RGB

82, 171, 246

HSL

207.4, 90.1%, 64.3%

HSV

207.4, 66.7%, 96.5%

CMYK

66.7%, 30.5%, 0.0%, 3.5%

OKLCH

0.7192 0.139 246.8

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#52ABF6

#F69D52

Analogous

#52F6EF

#5259F6

#52ABF6

Triadic

#52ABF6

#F652AB

#ABF652

Split Complementary

#52ABF6

#F65259

#F6EF52

Tetradic

#52ABF6

#EF52F6

#F69D52

#59F652

Color Blindness Simulation

Original

#52ABF6

Protanopia

#7979E4

Deuteranopia

#736DE0

Tritanopia

#56D6D2

Achromatopsia

#9D9D9D

CSS Usage

background-color: #52ABF6;
color: #52ABF6;
border-color: #52ABF6;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F1F8FD
100
#DFEEFB
200
#BBDEFB
300
#8BC7F9
400
#4CA8F6
500
#0D89F2
600
#0A6EC2
700
#08589B
800
#064579
900
#093458
950
#062137

Contrast Checker

Text on white

2.47:1

AA Fail AAA Fail

Text on black

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