#4879C5

#4879C5

Color Values

HEX

#4879C5

RGB

72, 121, 197

HSL

216.5, 51.9%, 52.7%

HSV

216.5, 63.5%, 77.3%

CMYK

63.5%, 38.6%, 0.0%, 22.7%

OKLCH

0.5778 0.1291 258.9

Properties

Cool Light Nearest: NCS S 1060-B Bright Blue

Color Harmonies

Complementary

#4879C5

#C59448

Analogous

#48B7C5

#5548C5

#4879C5

Triadic

#4879C5

#C54879

#79C548

Split Complementary

#4879C5

#C55548

#B7C548

Tetradic

#4879C5

#C548B7

#C59448

#48C555

Color Blindness Simulation

Original

#4879C5

Protanopia

#5D5EB3

Deuteranopia

#5A57AE

Tritanopia

#4AA4A1

Achromatopsia

#747474

CSS Usage

background-color: #4879C5;
color: #4879C5;
border-color: #4879C5;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F4F7FB
100
#E5EBF5
200
#C9D7EE
300
#A2BBE2
400
#7096D2
500
#3D71C2
600
#315B9B
700
#27487C
800
#1F3961
900
#1A2C47
950
#101C2D

Contrast Checker

Text on white

4.36:1

AA Fail AAA Fail

Text on black

4.82:1

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