#569FF2

#569FF2

Color Values

HEX

#569FF2

RGB

86, 159, 242

HSL

211.9, 85.7%, 64.3%

HSV

211.9, 64.5%, 94.9%

CMYK

64.5%, 34.3%, 0.0%, 5.1%

OKLCH

0.6923 0.1431 253.2

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#569FF2

#F2A956

Analogous

#56EDF2

#5B56F2

#569FF2

Triadic

#569FF2

#F2569F

#9FF256

Split Complementary

#569FF2

#F25B56

#EDF256

Tetradic

#569FF2

#F256ED

#F2A956

#56F25B

Color Blindness Simulation

Original

#569FF2

Protanopia

#7676DE

Deuteranopia

#716CD9

Tritanopia

#5ACECB

Achromatopsia

#959595

CSS Usage

background-color: #569FF2;
color: #569FF2;
border-color: #569FF2;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F2F7FD
100
#E0ECFA
200
#BDD9FA
300
#8DBEF6
400
#509CF2
500
#1279ED
600
#0F60BD
700
#0C4D98
800
#093C76
900
#0B2E56
950
#071D36

Contrast Checker

Text on white

2.75:1

AA Fail AAA Fail

Text on black

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