#497AF9

#497AF9

Color Values

HEX

#497AF9

RGB

73, 122, 249

HSL

223,3, 93,6%, 63,1%

HSV

223,3, 70,7%, 97,6%

CMYK

70,7%, 51,0%, 0,0%, 2,4%

OKLCH

0,6142 0,1972 265,2

Properties

Cool Light Nearest: royalblue 2

Color Harmonies

Complementary

#497AF9

#F9C849

Analogous

#49D2F9

#7049F9

#497AF9

Triadic

#497AF9

#F9497A

#7AF949

Split Complementary

#497AF9

#F97049

#D2F949

Tetradic

#497AF9

#F949D2

#F9C849

#49F970

Color Blindness Simulation

Original

#497AF9

Protanopia

#5E5FDA

Deuteranopia

#5B58D3

Tritanopia

#4BC2BD

Achromatopsia

#797979

CSS Usage

background-color: #497AF9;
color: #497AF9;
border-color: #497AF9;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F1F5FD
100
#DFE7FB
200
#BACCFD
300
#89A8FB
400
#4879F9
500
#084BF7
600
#073CC5
700
#05309E
800
#04257B
900
#081E59
950
#051338

Contrast Checker

Text on white

3,86:1

AA Fail AAA Fail

Text on black

5,44:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026