#526FF0

#526FF0

Color Values

HEX

#526FF0

RGB

82, 111, 240

HSL

229.0, 84.0%, 63.1%

HSV

229.0, 65.8%, 94.1%

CMYK

65.8%, 53.8%, 0.0%, 5.9%

OKLCH

0.5908 0.196 269.9

Properties

Cool Light Nearest: royalblue 2

Color Harmonies

Complementary

#526FF0

#F0D352

Analogous

#52BEF0

#8452F0

#526FF0

Triadic

#526FF0

#F0526F

#6FF052

Split Complementary

#526FF0

#F08452

#BEF052

Tetradic

#526FF0

#F052BE

#F0D352

#52F084

Color Blindness Simulation

Original

#526FF0

Protanopia

#5F5FD1

Deuteranopia

#5D5BC9

Tritanopia

#53B8B3

Achromatopsia

#727272

CSS Usage

background-color: #526FF0;
color: #526FF0;
border-color: #526FF0;
Nearest Tailwind: Blue 600 #2563EB

Tailwind Shades

50
#F2F4FD
100
#E0E5FA
200
#BDC8F9
300
#8EA1F5
400
#516EF0
500
#143CEB
600
#1030BC
700
#0D2696
800
#0A1E75
900
#0C1955
950
#071036

Contrast Checker

Text on white

4.29:1

AA Fail AAA Fail

Text on black

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