#4679AD

#4679AD

Color Values

HEX

#4679AD

RGB

70, 121, 173

HSL

210.3, 42.4%, 47.6%

HSV

210.3, 59.5%, 67.8%

CMYK

59.5%, 30.1%, 0.0%, 32.2%

OKLCH

0.5635 0.0981 250.4

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#4679AD

#AD7A46

Analogous

#46ACAD

#4646AD

#4679AD

Triadic

#4679AD

#AD4679

#79AD46

Split Complementary

#4679AD

#AD4646

#ACAD46

Tetradic

#4679AD

#AD46AC

#AD7A46

#46AD46

Color Blindness Simulation

Original

#4679AD

Protanopia

#5C5DA0

Deuteranopia

#59559D

Tritanopia

#499694

Achromatopsia

#727272

CSS Usage

background-color: #4679AD;
color: #4679AD;
border-color: #4679AD;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F5F7FA
100
#E7EDF4
200
#CCDBEA
300
#A8C2DC
400
#79A0C9
500
#497FB6
600
#3B6691
700
#2F5174
800
#253F5B
900
#1E3043
950
#131E2A

Contrast Checker

Text on white

4.57:1

AA Pass AAA Fail

Text on black

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