#7397C1

#7397C1

Color Values

HEX

#7397C1

RGB

115, 151, 193

HSL

212.3, 38.6%, 60.4%

HSV

212.3, 40.4%, 75.7%

CMYK

40.4%, 21.8%, 0.0%, 24.3%

OKLCH

0.6657 0.0745 252.7

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#7397C1

#C19D73

Analogous

#73BEC1

#7673C1

#7397C1

Triadic

#7397C1

#C17397

#97C173

Split Complementary

#7397C1

#C17673

#BEC173

Tetradic

#7397C1

#C173BE

#C19D73

#73C176

Color Blindness Simulation

Original

#7397C1

Protanopia

#8383B7

Deuteranopia

#807EB4

Tritanopia

#75AFAD

Achromatopsia

#929292

CSS Usage

background-color: #7397C1;
color: #7397C1;
border-color: #7397C1;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F5F7FA
100
#E7EDF3
200
#CEDAE9
300
#AAC0D9
400
#7C9EC5
500
#4E7CB1
600
#3F638D
700
#324F71
800
#273E58
900
#202F41
950
#141E29

Contrast Checker

Text on white

3.03:1

AA Fail AAA Fail

Text on black

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