#4879FA

#4879FA

Color Values

HEX

#4879FA

RGB

72, 121, 250

HSL

223.5, 94.7%, 63.1%

HSV

223.5, 71.2%, 98.0%

CMYK

71.2%, 51.6%, 0.0%, 2.0%

OKLCH

0.6126 0.2 265.2

Properties

Cool Light Nearest: royalblue 2

Color Harmonies

Complementary

#4879FA

#FAC948

Analogous

#48D2FA

#7048FA

#4879FA

Triadic

#4879FA

#FA4879

#79FA48

Split Complementary

#4879FA

#FA7048

#D2FA48

Tetradic

#4879FA

#FA48D2

#FAC948

#48FA70

Color Blindness Simulation

Original

#4879FA

Protanopia

#5D5EDB

Deuteranopia

#5A57D3

Tritanopia

#4AC2BD

Achromatopsia

#787878

CSS Usage

background-color: #4879FA;
color: #4879FA;
border-color: #4879FA;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F1F5FE
100
#DFE7FC
200
#B9CCFD
300
#88A8FC
400
#4778FA
500
#0749F8
600
#053BC7
700
#042F9F
800
#03257C
900
#071E5A
950
#051339

Contrast Checker

Text on white

3.9:1

AA Fail AAA Fail

Text on black

5.39:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026