#4876B0

#4876B0

Color Values

HEX

#4876B0

RGB

72, 118, 176

HSL

213.5, 41.9%, 48.6%

HSV

213.5, 59.1%, 69.0%

CMYK

59.1%, 33.0%, 0.0%, 31.0%

OKLCH

0.5592 0.1039 254.9

Properties

Cool Dark Nearest: RAL 5015 Sky Blue

Color Harmonies

Complementary

#4876B0

#B08248

Analogous

#48AAB0

#4E48B0

#4876B0

Triadic

#4876B0

#B04876

#76B048

Split Complementary

#4876B0

#B04E48

#AAB048

Tetradic

#4876B0

#B048AA

#B08248

#48B04E

Color Blindness Simulation

Original

#4876B0

Protanopia

#5C5CA2

Deuteranopia

#59569F

Tritanopia

#4A9794

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E7ECF4
200
#CCDAEA
300
#A8BFDB
400
#799CC8
500
#4A79B5
600
#3B6191
700
#2F4E74
800
#253D5A
900
#1E2E43
950
#131D2A

Contrast Checker

Text on white

4.67:1

AA Pass AAA Fail

Text on black

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