#7698CB

#7698CB

Color Values

HEX

#7698CB

RGB

118, 152, 203

HSL

216.0, 45.0%, 62.9%

HSV

216.0, 41.9%, 79.6%

CMYK

41.9%, 25.1%, 0.0%, 20.4%

OKLCH

0.6742 0.0851 258.3

Properties

Cool Light Nearest: steelblue 3

Color Harmonies

Complementary

#7698CB

#CBA976

Analogous

#76C2CB

#7E76CB

#7698CB

Triadic

#7698CB

#CB7698

#98CB76

Split Complementary

#7698CB

#CB7E76

#C2CB76

Tetradic

#7698CB

#CB76C2

#CBA976

#76CB7E

Color Blindness Simulation

Original

#7698CB

Protanopia

#8585BF

Deuteranopia

#8380BC

Tritanopia

#78B5B3

Achromatopsia

#949494

CSS Usage

background-color: #7698CB;
color: #7698CB;
border-color: #7698CB;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F4F7FA
100
#E6ECF4
200
#CBD8EB
300
#A6BCDD
400
#7698CB
500
#4674B9
600
#385D94
700
#2D4A76
800
#233A5C
900
#1D2D44
950
#121C2B

Contrast Checker

Text on white

2.95:1

AA Fail AAA Fail

Text on black

7.12:1

AA Pass AAA Pass

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