#499CF8

#499CF8

Color Values

HEX

#499CF8

RGB

73, 156, 248

HSL

211.5, 92.6%, 62.9%

HSV

211.5, 70.6%, 97.3%

CMYK

70.6%, 37.1%, 0.0%, 2.7%

OKLCH

0.6843 0.1583 253.1

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#499CF8

#F8A549

Analogous

#49F4F8

#4D49F8

#499CF8

Triadic

#499CF8

#F8499C

#9CF849

Split Complementary

#499CF8

#F84D49

#F4F849

Tetradic

#499CF8

#F849F4

#F8A549

#49F84D

Color Blindness Simulation

Original

#499CF8

Protanopia

#6D6EE2

Deuteranopia

#6862DC

Tritanopia

#4DD0CC

Achromatopsia

#919191

CSS Usage

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

Tailwind Shades

50
#F1F7FD
100
#DFECFB
200
#BADAFC
300
#89BFFA
400
#499CF8
500
#097AF6
600
#0861C4
700
#064E9D
800
#053D7B
900
#082E59
950
#051D38

Contrast Checker

Text on white

2.84:1

AA Fail AAA Fail

Text on black

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