#7175EB

#7175EB

Color Values

HEX

#7175EB

RGB

113, 117, 235

HSL

238.0, 75.3%, 68.2%

HSV

238.0, 51.9%, 92.2%

CMYK

51.9%, 50.2%, 0.0%, 7.8%

OKLCH

0.6177 0.1741 278.5

Properties

Cool Light Nearest: royalblue

Color Harmonies

Complementary

#7175EB

#EBE771

Analogous

#71B2EB

#AA71EB

#7175EB

Triadic

#7175EB

#EB7175

#75EB71

Split Complementary

#7175EB

#EBAA71

#B2EB71

Tetradic

#7175EB

#EB71B2

#EBE771

#71EBAA

Color Blindness Simulation

Original

#7175EB

Protanopia

#7373CE

Deuteranopia

#7272C8

Tritanopia

#71B8B3

Achromatopsia

#7D7D7D

CSS Usage

background-color: #7175EB;
color: #7175EB;
border-color: #7175EB;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F2F3FC
100
#E2E2F9
200
#C0C2F6
300
#9497F0
400
#5A5EE8
500
#1F26E0
600
#191EB3
700
#14188F
800
#101370
900
#101251
950
#0A0B33

Contrast Checker

Text on white

3.86:1

AA Fail AAA Fail

Text on black

5.45:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026