#059EFA

#059EFA

Color Values

HEX

#059EFA

RGB

5, 158, 250

HSL

202.5, 96.1%, 50.0%

HSV

202.5, 98.0%, 98.0%

CMYK

98.0%, 36.8%, 0.0%, 2.0%

OKLCH

0.6775 0.1727 245.9

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#059EFA

#FA6105

Analogous

#05FADB

#0524FA

#059EFA

Triadic

#059EFA

#FA059E

#9EFA05

Split Complementary

#059EFA

#FA0524

#FADB05

Tetradic

#059EFA

#DB05FA

#FA6105

#24FA05

Color Blindness Simulation

Original

#059EFA

Protanopia

#4749E4

Deuteranopia

#3E33DE

Tritanopia

#0DD2CE

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#F1F9FE
100
#DFF1FC
200
#B9E4FE
300
#87D1FD
400
#46B7FB
500
#059EFA
600
#047FC8
700
#0365A0
800
#024F7D
900
#073B5A
950
#042539

Contrast Checker

Text on white

2.89:1

AA Fail AAA Fail

Text on black

7.28:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026