#7176F7

#7176F7

Color Values

HEX

#7176F7

RGB

113, 118, 247

HSL

237.8, 89.3%, 70.6%

HSV

237.8, 54.3%, 96.9%

CMYK

54.3%, 52.2%, 0.0%, 3.1%

OKLCH

0.6275 0.1889 277.8

Properties

Cool Light Nearest: mediumslateblue

Color Harmonies

Complementary

#7176F7

#F7F271

Analogous

#71B9F7

#AF71F7

#7176F7

Triadic

#7176F7

#F77176

#76F771

Split Complementary

#7176F7

#F7AF71

#B9F771

Tetradic

#7176F7

#F771B9

#F7F271

#71F7AF

Color Blindness Simulation

Original

#7176F7

Protanopia

#7373D8

Deuteranopia

#7372D0

Tritanopia

#71BFBA

Achromatopsia

#7E7E7E

CSS Usage

background-color: #7176F7;
color: #7176F7;
border-color: #7176F7;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F2F2FD
100
#E0E1FB
200
#BBBEFB
300
#8B8FF8
400
#4C53F5
500
#0E16F1
600
#0B12C1
700
#090E9A
800
#070B79
900
#0A0C57
950
#060837

Contrast Checker

Text on white

3.73:1

AA Fail AAA Fail

Text on black

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