#4674A2

#4674A2

Color Values

HEX

#4674A2

RGB

70, 116, 162

HSL

210.0, 39.7%, 45.5%

HSV

210.0, 56.8%, 63.5%

CMYK

56.8%, 28.4%, 0.0%, 36.5%

OKLCH

0.5462 0.0884 249.7

Properties

Cool Dark Nearest: steelblue

Color Harmonies

Complementary

#4674A2

#A27446

Analogous

#46A2A2

#4646A2

#4674A2

Triadic

#4674A2

#A24674

#74A246

Split Complementary

#4674A2

#A24646

#A2A246

Tetradic

#4674A2

#A246A2

#A27446

#46A246

Color Blindness Simulation

Original

#4674A2

Protanopia

#5A5A97

Deuteranopia

#575494

Tritanopia

#488E8C

Achromatopsia

#6E6E6E

CSS Usage

background-color: #4674A2;
color: #4674A2;
border-color: #4674A2;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F5F7FA
100
#E7EDF3
200
#CDDBE9
300
#AAC2DA
400
#7BA1C6
500
#4D80B2
600
#3E668E
700
#315272
800
#264059
900
#1F3042
950
#141F2A

Contrast Checker

Text on white

4.91:1

AA Pass AAA Fail

Text on black

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