#7693CC

#7693CC

Color Values

HEX

#7693CC

RGB

118, 147, 204

HSL

219.8, 45.7%, 63.1%

HSV

219.8, 42.2%, 80.0%

CMYK

42.2%, 27.9%, 0.0%, 20.0%

OKLCH

0.6639 0.0915 263.4

Properties

Cool Light Nearest: steelblue 3

Color Harmonies

Complementary

#7693CC

#CCAF76

Analogous

#76BECC

#8476CC

#7693CC

Triadic

#7693CC

#CC7693

#93CC76

Split Complementary

#7693CC

#CC8476

#BECC76

Tetradic

#7693CC

#CC76BE

#CCAF76

#76CC84

Color Blindness Simulation

Original

#7693CC

Protanopia

#8383BE

Deuteranopia

#817FBB

Tritanopia

#77B3B1

Achromatopsia

#919191

CSS Usage

background-color: #7693CC;
color: #7693CC;
border-color: #7693CC;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F4F6FA
100
#E6EBF4
200
#CBD6EC
300
#A6B9DE
400
#7693CC
500
#456CBA
600
#375795
700
#2C4577
800
#23365D
900
#1D2A44
950
#121A2B

Contrast Checker

Text on white

3.08:1

AA Fail AAA Fail

Text on black

6.82:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026