#4972A7

#4972A7

Color Values

HEX

#4972A7

RGB

73, 114, 167

HSL

213.8, 39.2%, 47.1%

HSV

213.8, 56.3%, 65.5%

CMYK

56.3%, 31.7%, 0.0%, 34.5%

OKLCH

0.5457 0.0953 255.4

Properties

Cool Dark Nearest: steelblue

Color Harmonies

Complementary

#4972A7

#A77E49

Analogous

#49A1A7

#4F49A7

#4972A7

Triadic

#4972A7

#A74972

#72A749

Split Complementary

#4972A7

#A74F49

#A1A749

Tetradic

#4972A7

#A749A1

#A77E49

#49A74F

Color Blindness Simulation

Original

#4972A7

Protanopia

#5B5B9A

Deuteranopia

#585597

Tritanopia

#4B908E

Achromatopsia

#6D6D6D

CSS Usage

background-color: #4972A7;
color: #4972A7;
border-color: #4972A7;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F5F7FA
100
#E7ECF3
200
#CDDAE9
300
#AABFDA
400
#7C9CC6
500
#4E79B1
600
#3E618E
700
#324E72
800
#273D59
900
#1F2E42
950
#141D29

Contrast Checker

Text on white

4.94:1

AA Pass AAA Fail

Text on black

4.25:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026