#737F98

#737F98

Color Values

HEX

#737F98

RGB

115, 127, 152

HSL

220.5, 15.2%, 52.4%

HSV

220.5, 24.3%, 59.6%

CMYK

24.3%, 16.4%, 0.0%, 40.4%

OKLCH

0.5956 0.0408 264.9

Properties

Cool Light Nearest: slategrey

Color Harmonies

Complementary

#737F98

#988C73

Analogous

#739298

#7A7398

#737F98

Triadic

#737F98

#98737F

#7F9873

Split Complementary

#737F98

#987A73

#929873

Tetradic

#737F98

#987392

#988C73

#73987A

Color Blindness Simulation

Original

#737F98

Protanopia

#787892

Deuteranopia

#787790

Tritanopia

#748D8C

Achromatopsia

#7E7E7E

CSS Usage

background-color: #737F98;
color: #737F98;
border-color: #737F98;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F6F7F8
100
#EBECEF
200
#D6D9E1
300
#B8BFCB
400
#929CAF
500
#6C7993
600
#566176
700
#454D5E
800
#363C49
900
#2A2E37
950
#1A1D23

Contrast Checker

Text on white

4.02:1

AA Fail AAA Fail

Text on black

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