#716CBF

#716CBF

Color Values

HEX

#716CBF

RGB

113, 108, 191

HSL

243.6, 39.3%, 58.6%

HSV

243.6, 43.5%, 74.9%

CMYK

40.8%, 43.5%, 0.0%, 25.1%

OKLCH

0.5735 0.1254 284.4

Properties

Cool Light Nearest: Blue Violet

Color Harmonies

Complementary

#716CBF

#BABF6C

Analogous

#6C90BF

#9A6CBF

#716CBF

Triadic

#716CBF

#BF716C

#6CBF71

Split Complementary

#716CBF

#BF9A6C

#90BF6C

Tetradic

#716CBF

#BF6C90

#BABF6C

#6CBF9A

Color Blindness Simulation

Original

#716CBF

Protanopia

#6F6FAB

Deuteranopia

#6F70A6

Tritanopia

#719B98

Achromatopsia

#737373

CSS Usage

background-color: #716CBF;
color: #716CBF;
border-color: #716CBF;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F5F5FA
100
#E8E7F3
200
#CFCDE9
300
#ADAADA
400
#807CC6
500
#534DB2
600
#433E8E
700
#353272
800
#2A2759
900
#211F42
950
#151429

Contrast Checker

Text on white

4.57:1

AA Pass AAA Fail

Text on black

4.6:1

AA Pass AAA Fail

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