#495FF9

#495FF9

Color Values

HEX

#495FF9

RGB

73, 95, 249

HSL

232.5, 93.6%, 63.1%

HSV

232.5, 70.7%, 97.6%

CMYK

70.7%, 61.8%, 0.0%, 2.4%

OKLCH

0.5644 0.2287 270.8

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#495FF9

#F9E349

Analogous

#49B7F9

#8B49F9

#495FF9

Triadic

#495FF9

#F9495F

#5FF949

Split Complementary

#495FF9

#F98B49

#B7F949

Tetradic

#495FF9

#F949B7

#F9E349

#49F98B

Color Blindness Simulation

Original

#495FF9

Protanopia

#5353D4

Deuteranopia

#5150CB

Tritanopia

#4AB6B0

Achromatopsia

#656565

CSS Usage

background-color: #495FF9;
color: #495FF9;
border-color: #495FF9;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F1F3FD
100
#DFE2FB
200
#BAC2FD
300
#8997FB
400
#485EF9
500
#0826F7
600
#071EC5
700
#05189E
800
#04137B
900
#081259
950
#050B38

Contrast Checker

Text on white

4.9:1

AA Pass AAA Fail

Text on black

4.29:1

AA Fail AAA Fail

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