#539CFF

#539CFF

Color Values

HEX

#539CFF

RGB

83, 156, 255

HSL

214.5, 100.0%, 66.3%

HSV

214.5, 67.5%, 100.0%

CMYK

67.5%, 38.8%, 0.0%, 0.0%

OKLCH

0.6919 0.1636 256.7

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#539CFF

#FFB653

Analogous

#53F2FF

#6053FF

#539CFF

Triadic

#539CFF

#FF539C

#9CFF53

Split Complementary

#539CFF

#FF6053

#F2FF53

Tetradic

#539CFF

#FF53F2

#FFB653

#53FF60

Color Blindness Simulation

Original

#539CFF

Protanopia

#7373E7

Deuteranopia

#6E69E1

Tritanopia

#57D4D0

Achromatopsia

#949494

CSS Usage

background-color: #539CFF;
color: #539CFF;
border-color: #539CFF;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F1F6FE
100
#DEEBFC
200
#B8D6FF
300
#85B9FF
400
#4292FF
500
#006CFF
600
#0057CC
700
#0045A3
800
#003680
900
#052A5C
950
#031A3A

Contrast Checker

Text on white

2.78:1

AA Fail AAA Fail

Text on black

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