#499DF8

#499DF8

Color Values

HEX

#499DF8

RGB

73, 157, 248

HSL

211.2, 92.6%, 62.9%

HSV

211.2, 70.6%, 97.3%

CMYK

70.6%, 36.7%, 0.0%, 2.7%

OKLCH

0.6864 0.1573 252.7

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#499DF8

#F8A449

Analogous

#49F4F8

#4C49F8

#499DF8

Triadic

#499DF8

#F8499D

#9DF849

Split Complementary

#499DF8

#F84C49

#F4F849

Tetradic

#499DF8

#F849F4

#F8A449

#49F84C

Color Blindness Simulation

Original

#499DF8

Protanopia

#6D6EE2

Deuteranopia

#6862DD

Tritanopia

#4DD1CD

Achromatopsia

#929292

CSS Usage

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

Tailwind Shades

50
#F1F7FD
100
#DFEDFB
200
#BADAFC
300
#89C0FA
400
#499DF8
500
#097BF6
600
#0862C4
700
#064F9D
800
#053D7B
900
#082F59
950
#051E38

Contrast Checker

Text on white

2.81:1

AA Fail AAA Fail

Text on black

7.46:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026