#716EB6

#716EB6

Color Values

HEX

#716EB6

RGB

113, 110, 182

HSL

242.5, 33.0%, 57.3%

HSV

242.5, 39.6%, 71.4%

CMYK

37.9%, 39.6%, 0.0%, 28.6%

OKLCH

0.5723 0.1094 284.3

Properties

Cool Light Nearest: Blue Violet

Color Harmonies

Complementary

#716EB6

#B3B66E

Analogous

#6E8FB6

#956EB6

#716EB6

Triadic

#716EB6

#B6716E

#6EB671

Split Complementary

#716EB6

#B6956E

#8FB66E

Tetradic

#716EB6

#B66E8F

#B3B66E

#6EB695

Color Blindness Simulation

Original

#716EB6

Protanopia

#7070A5

Deuteranopia

#7070A0

Tritanopia

#719794

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#F5F5F9
100
#E9E8F2
200
#D1D0E7
300
#AFAED6
400
#8482C0
500
#5955AA
600
#474488
700
#39376D
800
#2C2B55
900
#23223F
950
#161628

Contrast Checker

Text on white

4.56:1

AA Pass AAA Fail

Text on black

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