#52AEFB

#52AEFB

Color Values

HEX

#52AEFB

RGB

82, 174, 251

HSL

207.3, 95.5%, 65.3%

HSV

207.3, 67.3%, 98.4%

CMYK

67.3%, 30.7%, 0.0%, 1.6%

OKLCH

0.7284 0.1423 246.7

Properties

Cool Light Nearest: steelblue 1

Color Harmonies

Complementary

#52AEFB

#FB9F52

Analogous

#52FBF3

#525AFB

#52AEFB

Triadic

#52AEFB

#FB52AE

#AEFB52

Split Complementary

#52AEFB

#FB525A

#FBF352

Tetradic

#52AEFB

#F352FB

#FB9F52

#5AFB52

Color Blindness Simulation

Original

#52AEFB

Protanopia

#7A7BE8

Deuteranopia

#746EE4

Tritanopia

#57DAD6

Achromatopsia

#A0A0A0

CSS Usage

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

Tailwind Shades

50
#F1F8FE
100
#DFEEFC
200
#B9DEFD
300
#87C7FC
400
#47A9FB
500
#068AF9
600
#056FC7
700
#0459A0
800
#03457D
900
#07345A
950
#042139

Contrast Checker

Text on white

2.38:1

AA Fail AAA Fail

Text on black

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