#499AF9

#499AF9

Color Values

HEX

#499AF9

RGB

73, 154, 249

HSL

212.4, 93.6%, 63.1%

HSV

212.4, 70.7%, 97.6%

CMYK

70.7%, 38.2%, 0.0%, 2.4%

OKLCH

0.6805 0.1616 254.2

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#499AF9

#F9A849

Analogous

#49F2F9

#5049F9

#499AF9

Triadic

#499AF9

#F9499A

#9AF949

Split Complementary

#499AF9

#F95049

#F2F949

Tetradic

#499AF9

#F949F2

#F9A849

#49F950

Color Blindness Simulation

Original

#499AF9

Protanopia

#6C6DE2

Deuteranopia

#6761DC

Tritanopia

#4DD0CC

Achromatopsia

#909090

CSS Usage

background-color: #499AF9;
color: #499AF9;
border-color: #499AF9;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F1F7FD
100
#DFECFB
200
#BAD9FD
300
#89BDFB
400
#489AF9
500
#0876F7
600
#075EC5
700
#054B9E
800
#043B7B
900
#082D59
950
#051D38

Contrast Checker

Text on white

2.89:1

AA Fail AAA Fail

Text on black

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