#059CFA

#059CFA

Color Values

HEX

#059CFA

RGB

5, 156, 250

HSL

203.0, 96.1%, 50.0%

HSV

203.0, 98.0%, 98.0%

CMYK

98.0%, 37.6%, 0.0%, 2.0%

OKLCH

0.673 0.1746 246.7

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#059CFA

#FA6305

Analogous

#05FADD

#0522FA

#059CFA

Triadic

#059CFA

#FA059C

#9CFA05

Split Complementary

#059CFA

#FA0522

#FADD05

Tetradic

#059CFA

#DD05FA

#FA6305

#22FA05

Color Blindness Simulation

Original

#059CFA

Protanopia

#4648E3

Deuteranopia

#3E32DE

Tritanopia

#0DD1CD

Achromatopsia

#838383

CSS Usage

background-color: #059CFA;
color: #059CFA;
border-color: #059CFA;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F1F9FE
100
#DFF1FC
200
#B9E3FE
300
#87D0FD
400
#46B6FB
500
#059CFA
600
#047DC8
700
#0364A0
800
#024E7D
900
#073A5A
950
#042539

Contrast Checker

Text on white

2.94:1

AA Fail AAA Fail

Text on black

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