#52ABF5

#52ABF5

Color Values

HEX

#52ABF5

RGB

82, 171, 245

HSL

207.2, 89.1%, 64.1%

HSV

207.2, 66.5%, 96.1%

CMYK

66.5%, 30.2%, 0.0%, 3.9%

OKLCH

0.7187 0.1379 246.4

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#52ABF5

#F59C52

Analogous

#52F5ED

#525AF5

#52ABF5

Triadic

#52ABF5

#F552AB

#ABF552

Split Complementary

#52ABF5

#F5525A

#F5ED52

Tetradic

#52ABF5

#ED52F5

#F59C52

#5AF552

Color Blindness Simulation

Original

#52ABF5

Protanopia

#7979E3

Deuteranopia

#736DDF

Tritanopia

#56D5D2

Achromatopsia

#9D9D9D

CSS Usage

background-color: #52ABF5;
color: #52ABF5;
border-color: #52ABF5;
Nearest Tailwind: Sky 500 #0EA5E9

Tailwind Shades

50
#F2F8FD
100
#E0EEFB
200
#BBDEFB
300
#8BC7F8
400
#4DA8F5
500
#0E8AF1
600
#0B6EC1
700
#09589A
800
#074579
900
#0A3457
950
#062137

Contrast Checker

Text on white

2.47:1

AA Fail AAA Fail

Text on black

8.5:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026