#527DF0

#527DF0

Color Values

HEX

#527DF0

RGB

82, 125, 240

HSL

223.7, 84.0%, 63.1%

HSV

223.7, 65.8%, 94.1%

CMYK

65.8%, 47.9%, 0.0%, 5.9%

OKLCH

0.6181 0.1792 265.9

Properties

Cool Light Nearest: royalblue

Color Harmonies

Complementary

#527DF0

#F0C552

Analogous

#52CCF0

#7652F0

#527DF0

Triadic

#527DF0

#F0527D

#7DF052

Split Complementary

#527DF0

#F07652

#CCF052

Tetradic

#527DF0

#F052CC

#F0C552

#52F076

Color Blindness Simulation

Original

#527DF0

Protanopia

#6565D4

Deuteranopia

#625FCE

Tritanopia

#54BEB9

Achromatopsia

#7C7C7C

CSS Usage

background-color: #527DF0;
color: #527DF0;
border-color: #527DF0;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F2F5FD
100
#E0E7FA
200
#BDCEF9
300
#8EAAF5
400
#517CF0
500
#144FEB
600
#103FBC
700
#0D3296
800
#0A2775
900
#0C2055
950
#071436

Contrast Checker

Text on white

3.78:1

AA Fail AAA Fail

Text on black

5.55:1

AA Pass AAA Fail

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