#5690F1

#5690F1

Color Values

HEX

#5690F1

RGB

86, 144, 241

HSL

217.5, 84.7%, 64.1%

HSV

217.5, 64.3%, 94.5%

CMYK

64.3%, 40.2%, 0.0%, 5.5%

OKLCH

0.6597 0.1573 260.1

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#5690F1

#F1B756

Analogous

#56DEF1

#6956F1

#5690F1

Triadic

#5690F1

#F15690

#90F156

Split Complementary

#5690F1

#F16956

#DEF156

Tetradic

#5690F1

#F156DE

#F1B756

#56F169

Color Blindness Simulation

Original

#5690F1

Protanopia

#6F70DA

Deuteranopia

#6C67D4

Tritanopia

#59C7C3

Achromatopsia

#8B8B8B

CSS Usage

background-color: #5690F1;
color: #5690F1;
border-color: #5690F1;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F2F6FD
100
#E0EAFA
200
#BDD4FA
300
#8EB5F6
400
#518DF1
500
#1465EB
600
#1050BC
700
#0C4097
800
#0A3276
900
#0C2755
950
#071936

Contrast Checker

Text on white

3.16:1

AA Fail AAA Fail

Text on black

6.66:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026