#6163FE

#6163FE

Color Values

HEX

#6163FE

RGB

97, 99, 254

HSL

239.2, 98.7%, 68.8%

HSV

239.2, 61.8%, 99.6%

CMYK

61.8%, 61.0%, 0.0%, 0.4%

OKLCH

0.5891 0.2246 276.4

Properties

Cool Light Nearest: slateblue 1

Color Harmonies

Complementary

#6163FE

#FEFC61

Analogous

#61B2FE

#AD61FE

#6163FE

Triadic

#6163FE

#FE6163

#63FE61

Split Complementary

#6163FE

#FEAD61

#B2FE61

Tetradic

#6163FE

#FE61B2

#FEFC61

#61FEAD

Color Blindness Simulation

Original

#6163FE

Protanopia

#6262D9

Deuteranopia

#6262CF

Tritanopia

#61BBB4

Achromatopsia

#6E6E6E

CSS Usage

background-color: #6163FE;
color: #6163FE;
border-color: #6163FE;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F1F1FE
100
#DEDFFC
200
#B8B9FF
300
#8587FE
400
#4446FE
500
#0205FD
600
#0104CB
700
#0103A2
800
#01037F
900
#05075B
950
#03043A

Contrast Checker

Text on white

4.45:1

AA Fail AAA Fail

Text on black

4.72:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026