#7176EE

#7176EE

Color Values

HEX

#7176EE

RGB

113, 118, 238

HSL

237.6, 78.6%, 68.8%

HSV

237.6, 52.5%, 93.3%

CMYK

52.5%, 50.4%, 0.0%, 6.7%

OKLCH

0.6215 0.1769 278.1

Properties

Cool Light Nearest: royalblue

Color Harmonies

Complementary

#7176EE

#EEE971

Analogous

#71B4EE

#AA71EE

#7176EE

Triadic

#7176EE

#EE7176

#76EE71

Split Complementary

#7176EE

#EEAA71

#B4EE71

Tetradic

#7176EE

#EE71B4

#EEE971

#71EEAA

Color Blindness Simulation

Original

#7176EE

Protanopia

#7373D1

Deuteranopia

#7372CA

Tritanopia

#71BAB5

Achromatopsia

#7E7E7E

CSS Usage

background-color: #7176EE;
color: #7176EE;
border-color: #7176EE;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F2F3FC
100
#E1E2F9
200
#BFC1F7
300
#9296F2
400
#565CEB
500
#1B23E4
600
#161CB6
700
#111792
800
#0E1272
900
#0E1153
950
#090B34

Contrast Checker

Text on white

3.8:1

AA Fail AAA Fail

Text on black

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