#4876AA

#4876AA

Color Values

HEX

#4876AA

RGB

72, 118, 170

HSL

211.8, 40.5%, 47.5%

HSV

211.8, 57.6%, 66.7%

CMYK

57.6%, 30.6%, 0.0%, 33.3%

OKLCH

0.556 0.096 252.6

Properties

Cool Dark Nearest: steelblue

Color Harmonies

Complementary

#4876AA

#AA7C48

Analogous

#48A7AA

#4B48AA

#4876AA

Triadic

#4876AA

#AA4876

#76AA48

Split Complementary

#4876AA

#AA4B48

#A7AA48

Tetradic

#4876AA

#AA48A7

#AA7C48

#48AA4B

Color Blindness Simulation

Original

#4876AA

Protanopia

#5C5C9D

Deuteranopia

#59569A

Tritanopia

#4A9391

Achromatopsia

#707070

CSS Usage

background-color: #4876AA;
color: #4876AA;
border-color: #4876AA;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F5F7FA
100
#E7EDF3
200
#CDDAEA
300
#A9C0DB
400
#7A9EC7
500
#4C7CB3
600
#3D648F
700
#315073
800
#263E5A
900
#1F2F42
950
#131E2A

Contrast Checker

Text on white

4.72:1

AA Pass AAA Fail

Text on black

4.45:1

AA Fail 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